<script>
  export var info
</script>

<div class="bg-srcery-black-hard flex flex-row gap-2 border-srcery-black-hard border-2 border-solid">
  <div class="bg-srcery-black p-4 text-2xl flex flex-col justify-center">
    {info.title}
  </div>
  <div class="flex-grow p-4 flex flex-col gap-2">
    <div>
      {info.shortDescription}
    </div>

    <div class="text-srcery-black-bright">
      {info.createdAt}
      <a href="{info.sourceCodeURL}" class="hover:text-srcery-blue duration-200">
        <i class="fa-brands fa-github" />
      </a>
    </div>
  </div>

  <!-- <a href="/projects/{info.id}" class="my-auto bg-srcery-yellow hover:bg-srcery-yellow-bright text-srcery-black duration-200 p-1.5 m-4"> -->
  <!--   <div class="text-center"> -->
  <!--     Daugiau -->
  <!--   </div> -->
  <!-- </a> -->
</div>
