'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function FilterPill({ active = false, count, className, children, ...rest }) {
    return (_jsxs("button", { type: "button", "aria-pressed": active, className: `inline-flex items-center gap-1.5 rounded-[7px] border px-3 py-1.5 text-[12.5px] font-medium transition-colors duration-[var(--motion-fast)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none ${active
            ? 'border-[var(--acc)] bg-[var(--acc)] text-white'
            : 'border-[var(--bdr)] bg-[var(--card)] text-[var(--sub)] hover:border-[var(--acc-m)] hover:text-[var(--acc)]'} ${className ?? ''}`, ...rest, children: [children, count !== undefined && (_jsx("span", { className: `tabular-nums ${active ? 'text-white/80' : 'text-[var(--muted)]'}`, children: count }))] }));
}
//# sourceMappingURL=FilterPill.js.map