2023-12-29 06:03:35 +00:00
|
|
|
import ExternalLinkIcon from "./ExternalLinkIcon";
|
|
|
|
|
2023-12-30 01:17:02 +00:00
|
|
|
export interface ProjectProps {
|
|
|
|
label: string
|
|
|
|
date: string
|
|
|
|
url: string
|
|
|
|
}
|
|
|
|
|
|
|
|
export default function Project({ label, date, url }: ProjectProps) {
|
2023-12-26 01:28:08 +00:00
|
|
|
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-29 06:03:35 +00:00
|
|
|
<a href={url} target="_blank">
|
|
|
|
<ExternalLinkIcon />
|
2023-12-26 01:28:08 +00:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|