<template>
  <div
    aria-hidden="true"
    class="flex w-full select-none flex-row items-center border-0 border-b border-solid border-bg-raised px-3 py-2 text-xs font-bold uppercase"
  >
    <div class="min-w-[48px]"></div>
    <span class="flex w-full">Name</span>
    <div class="flex shrink-0 gap-4 text-right md:gap-12">
      <span class="hidden min-w-[160px] md:block">Created</span>
      <span class="mr-4 min-w-[160px]">Modified</span>
      <div class="min-w-[36px]"></div>
    </div>
  </div>
</template>
