import { cn } from "~/utils/cn";
/** 16px line icons drawn on a shared grid so they sit together in empty states and menus. */
const ICONS = {
activity: <path d="M1.75 8h3l2-4.5 2.5 9 2-4.5h3" />,
box: <path d="M8 1.75 14 5v6l-6 3.25L2 11V5Zm-6 3.25 6 3.25L14 5M8 8.25v6" />,
branch: (
<>
<circle cx="4.5" cy="3.5" r="1.75" />
<circle cx="4.5" cy="12.5" r="1.75" />
<circle cx="11.5" cy="4.5" r="1.75" />
<path d="M4.5 5.25v5.5m7-4.5c0 3-7 2-7 4.5" />
</>
),
chart: <path d="M2.5 13.5h11M4.5 11V8M8 11V4.5m3.5 6.5V6.5" />,
check: (
<>
<circle cx="8" cy="8" r="6.25" />
<path d="m5.25 8.25 1.75 1.75 3.75-4" />
</>
),
code: <path d="M5.5 4.5 2 8l3.5 3.5m5-7L14 8l-3.5 3.5" />,
commit: (
<>
<circle cx="8" cy="8" r="2.5" />
<path d="M1.5 8h4m5 0h4" />
</>
),
discussion: (
<path d="M2 3.5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1V8a1 1 0 0 1-1 1H6l-2.5 2V9H3a1 1 0 0 1-1-1Zm11 2.75h.25a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75H13v1.75l-2-1.75H8.5" />
),
file: <path d="M4 1.75h5l3.5 3.5v9H4Zm5 0v3.5h3.5" />,
globe: (
<>
<circle cx="8" cy="8" r="6.25" />
<ellipse cx="8" cy="8" rx="2.75" ry="6.25" />
<path d="M1.75 8h12.5" />
</>
),
info: (