export default function Project({ label, date, url }) {
  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}>
          <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>
  )
}