Icon button

import { IconButton } from "@/components/ui/icon-button";
import { Plus, Star, User, Zap } from "@/components/ui/icons";

export default function Example() {
  return (
    <div className="flex flex-wrap items-center gap-3">
      <IconButton aria-label="Add" variant="primary"><Plus /></IconButton>
      <IconButton aria-label="Favourite" variant="soft"><Star /></IconButton>
      <IconButton aria-label="Account" variant="ghost"><User /></IconButton>
      <IconButton aria-label="Notifications, new" variant="outline" badgeDot><Zap /></IconButton>
    </div>
  );
}