import { jsx } from 'react/jsx-runtime';

function InsetPill({ children, className, padding = "10px 18px", onClick, }) {
    return (jsx("div", { className: `neu-inset inline-flex items-center gap-2 cursor-pointer rounded-full bg-neutral-200/60 dark:bg-neutral-800/80 ${className !== null && className !== void 0 ? className : ""}`, style: { padding }, onClick: onClick, children: jsx("div", { className: "relative z-2 flex items-center gap-2", children: children }) }));
}

export { InsetPill };
