@empathyco/x-tailwindcss/dist/esm/x-tailwind-plugin/components/button-group/index.js

Empathy X Tailwind plugin

import { rename } from '@empathyco/x-utils';
import { buttonGroupDefault } from './default.js';
import { buttonGroupDivider } from './divider.js';

/**
 * Returns the component `button-group` CSS.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the component.
 */
function buttonGroup(helpers) {
    return {
        '.x-button-group': {
            ...buttonGroupDefault(helpers),
            ...rename(buttonGroupDivider(helpers), { prefix: '&-' }),
        },
    };
}

export { buttonGroup };