Button Variants

import ButtonVariants from "@/components/ruixen/button-variants";
 
export default function MyComponent() {
  return (
    <div className="flex gap-4">
      <ButtonVariants variant="primary">Primary</ButtonVariants>
      <ButtonVariants variant="secondary">Secondary</ButtonVariants>
      <ButtonVariants variant="outline">Outline</ButtonVariants>
      <ButtonVariants variant="ghost">Ghost</ButtonVariants>
      <ButtonVariants variant="link">Link</ButtonVariants>
      <ButtonVariants variant="destructive">Destructive</ButtonVariants>
    </div>
  );
}