Minim 2

import { Minim2Icon } from "@/components/minim-icons/minim-2-icon"

export function Example() {
  return (
    <div className="flex items-center gap-4">
      <Minim2Icon className="size-8" title="Minim 2" />
      <Minim2Icon
        variant="selected"
        className="size-8"
        title="Minim 2 selected"
      />
    </div>
  )
}

import Link from "next/link"

import { Button } from "@/components/ui/button"
import { Minim2Icon } from "@/components/minim-icons/minim-2-icon"

interface IconNavItemProps {
  active: boolean
}

export function IconNavItem({ active }: IconNavItemProps) {
  return (
    <Button
      asChild
      variant={active ? "secondary" : "ghost"}
    >
      <Link
        href="/minim-2"
        aria-current={active ? "page" : undefined}
      >
        <Minim2Icon
          variant={active ? "selected" : "default"}
          className="size-8"
        />
        <span>Minim 2</span>
      </Link>
    </Button>
  )
}