15 lines
616 B
JavaScript
15 lines
616 B
JavaScript
export default function Job({ logo, name, details, dateFrom, dateTo }) {
|
|
return (
|
|
<div className="flex items-center gap-x-3 border rounded-xl w-full p-2 bg-gray-200">
|
|
<img src={logo} className="w-10 h-10 rounded-full" />
|
|
<div className="flex flex-col flex-1">
|
|
<div className="flex justify-between">
|
|
<span className="block text-sm font-bold text-gray-900">{name}</span>
|
|
<span className="block text-xs font-bold text-gray-500">{dateFrom} - {dateTo}</span>
|
|
</div>
|
|
<span className="block text-xs text-gray-700">{details}</span>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|