2023-12-26 01:28:08 +00:00
|
|
|
export default function Project({ label, date, url }) {
|
|
|
|
|
return (
|
|
|
|
|
<div className="flex flex-row items-baseline justify-between gap-2">
|
2023-12-28 02:34:50 +00:00
|
|
|
<p className="text-sm ">{label}</p>
|
2023-12-26 01:28:08 +00:00
|
|
|
<div className="border border-dashed flex-1 border-gray-500 h-0"></div>
|
|
|
|
|
<div className="flex gap-1 items-baseline">
|
2023-12-28 02:34:50 +00:00
|
|
|
<i className="text-xs">{date}</i>
|
2023-12-26 01:28:08 +00:00
|
|
|
<a href={url}>
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5"
|
|
|
|
|
stroke="currentColor" className="w-5 h-5 cursor-pointer text-blue-500 hover:text-blue-600">
|
|
|
|
|
<path strokeLinecap="round" strokeLinejoin="round"
|
|
|
|
|
d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
