"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonGroup = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
    d: 'flex',
    flw: 'wrap',
    columnGap: '4px',
    rowGap: '4px',
    w: '100%',
    maxW: '100%',
    bxz: 'border-box',
    ff: 'Inter, ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
    lh: '24px',
    mr: 0,
});
const ButtonGroup = ({ children, ...rest }) => {
    return (React.createElement("div", { ...rest, className: (rest.className || '') + blockClass }, children));
};
exports.ButtonGroup = ButtonGroup;
//# sourceMappingURL=index.js.map