import { createComponent } from '@graphprotocol/gds-css';
import { ButtonMeta } from "./Button.meta.js";
export const ButtonGroupMeta = createComponent('ButtonGroup', {
    cssProps: {
        /** @default 'secondary' */
        variant: {
            type: 'values',
            values: ButtonMeta.cssProps.variant.values,
            defaultValue: ButtonMeta.cssProps.variant.defaultValue,
        },
        /** @default 'medium' */
        size: {
            type: 'values',
            values: ButtonMeta.cssProps.size.values,
            defaultValue: ButtonMeta.cssProps.size.defaultValue,
        },
        /** @default 'horizontal' */
        orientation: {
            type: 'values',
            values: ['horizontal', 'vertical'],
            defaultValue: 'horizontal',
        },
        /** @default false */
        fullWidth: {
            type: 'values',
            values: [false, true],
            defaultValue: false,
        },
    },
    vars: {
        gap: {
            '@variant @prop-size-xsmall/button-group': '--spacing(1)',
            '@variant @prop-size-small/button-group': '--spacing(1.5)',
            '@variant @prop-size-medium/button-group': '--spacing(2)',
            '@variant @prop-size-large/button-group': '--spacing(2)',
        },
    },
});
//# sourceMappingURL=ButtonGroup.meta.js.map