import ExternalLinkIcon from "./ExternalLinkIcon";

export interface ProjectProps {
  label: string
  date: string
  url: string
}

export default function Project({ label, date, url }: ProjectProps) {
  return (
    <div className="flex flex-row items-baseline justify-between gap-2">
      <p className="text-sm ">{label}</p>
      <div className="border border-dashed flex-1 border-gray-500 h-0"></div>
      <div className="flex gap-1 items-baseline">
        <i className="text-xs">{date}</i>
        <a href={url} target="_blank">
          <ExternalLinkIcon />
        </a>
      </div>
    </div>
  )
}