Horizontal separator for content sections.

<script setup lang="ts">
import { Separator } from "@/components/ui/separator"
</script>

<template>
  <div class="mx-auto flex w-full max-w-xs flex-col gap-2 text-sm">
    <div class="flex flex-col gap-1">
      <div class="text-sm leading-none font-medium">Design System</div>
      <div class="text-muted-foreground text-xs">
        The Foundation for your UI.
      </div>
    </div>
    <Separator />
    <div class="text-muted-foreground">
      A set of beautifully designed components that you can customize, extend,
      and build on.
    </div>
  </div>
</template>