23 lines
763 B
TypeScript
23 lines
763 B
TypeScript
|
export interface JobProps {
|
||
|
|
logo: string
|
||
|
|
name: string
|
||
|
|
details: string
|
||
|
|
dateFrom: string
|
||
|
|
dateTo: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function Job({ logo, name, details, dateFrom, dateTo }: JobProps) {
|
||
|
|
return (
|
||
|
|
<div className="flex items-center gap-x-3 border rounded-xl w-full p-2 bg-slate-500 bg-opacity-20 border-slate-500 border-opacity-0" >
|
||
|
|
<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>
|
||
|
|
)
|
||
|
|
}
|