Button Badge

import ButtonBadge from "@/components/ruixen/button-badge";
import { Bell, Mail, ShoppingCart } from "lucide-react";
 
export default function MyComponent() {
  return (
    <div className="flex gap-4">
      <ButtonBadge badge={3} leftIcon={<Bell className="size-4" />}>
        Notifications
      </ButtonBadge>
      <ButtonBadge badge={12} leftIcon={<Mail className="size-4" />}>
        Messages
      </ButtonBadge>
      <ButtonBadge badge="New" variant="ghost">
        Features
      </ButtonBadge>
    </div>
  );
}