<script lang="ts">
  import type { Meta } from './Types';
  const { m }: { m: Meta } = $props();
  const dir = $derived((m.metadata & 0x200) != 0 ? 'd' : '-');
  const p = $derived(
    (m.metadata & 0x100 ? 'x' : '-') +
      (m.metadata & 0x80 ? 'w' : '-') +
      (m.metadata & 0x40 ? 'r' : '-') +
      (m.metadata & 0x20 ? 'x' : '-') +
      (m.metadata & 0x10 ? 'w' : '-') +
      (m.metadata & 0x8 ? 'r' : '-') +
      (m.metadata & 0x4 ? 'x' : '-') +
      (m.metadata & 0x2 ? 'w' : '-') +
      (m.metadata & 0x1 ? 'r' : '-')
  );
</script>

{m.basename} <span class="permissions">({dir}{p})</span>