Variants

// apps/docs/examples/ui/button-variants.tsx'use client';
import {Button} from '@workspace/active-ui/components/primitives/button';
/** The six variants: one primary action, then decreasing emphasis. */export default function ButtonVariants() {  return (    <div className="flex flex-wrap items-center gap-2">      <Button>Default</Button>      <Button variant="secondary">Secondary</Button>      <Button variant="outline">Outline</Button>      <Button variant="ghost">Ghost</Button>      <Button variant="destructive">Destructive</Button>      <Button variant="link">Link</Button>    </div>  );}