XeNote/components/Project.tsx

23 lines
611 B
TypeScript
Raw Normal View History

2023-12-29 06:03:35 +00:00
import ExternalLinkIcon from "./ExternalLinkIcon";
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>
)
}