<template>
  <div
    :class="
      cn('relative block bg-secondary', orientation === 'vertical' ? 'w-4/5 h-0.5' : 'h-4/5 w-0.5')
    "
  ></div>
</template>

<script setup lang="ts">
import { cn } from "@/shadcn/lib/utils";
import { ORIENTATION_INJECTION_KEY } from "./injectionKeys";

const orientation = inject(ORIENTATION_INJECTION_KEY, "vertical");
</script>
