XeNote/components/Job.js

15 lines
609 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-slate-500 bg-opacity-50 border-slate-500">
<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 ">{name}</span>
<span className="block text-xs font-bold ">{dateFrom} - {dateTo}</span>
</div>
<span className="block text-xs ">{details}</span>
</div>
</div>
)
}