import { createComponent } from '@graphprotocol/gds-css';
export const ModalMeta = createComponent('Modal', {
    cssProps: {
        /** @default 'dialog' // or on small screens (i.e. `max-xs`), 'drawer' */
        variant: {
            type: 'values',
            values: ['dialog', 'drawer'],
            defaultValue: 'dialog',
        },
        /** @default 'medium' */
        size: {
            type: 'values',
            values: ['small', 'medium', 'large'],
            defaultValue: 'medium',
        },
    },
    vars: {
        margin: {},
        'margin-x': {
            '@variant @prop-variant-dialog/modal': 'var(--gds-var-margin, --spacing(4))',
            '@variant @prop-variant-drawer/modal': 'var(--gds-var-margin, --spacing(0))',
        },
        'margin-y': {
            '@variant @prop-variant-dialog/modal': 'var(--gds-var-margin, --spacing(4))',
            '@variant @prop-variant-drawer/modal': 'var(--gds-var-margin, --spacing(12))',
        },
        padding: {},
        'padding-x': {
            '@variant @prop-size-small/modal': 'var(--gds-var-padding, --spacing(6))',
            '@variant @prop-size-medium/modal': 'var(--gds-var-padding, --spacing(8))',
            '@variant @prop-size-large/modal': 'var(--gds-var-padding, --spacing(8))',
        },
        'padding-y': {
            '@variant @prop-size-small/modal': 'var(--gds-var-padding, --spacing(4))',
            '@variant @prop-size-medium/modal': 'var(--gds-var-padding, --spacing(6))',
            '@variant @prop-size-large/modal': 'var(--gds-var-padding, --spacing(6))',
        },
        radius: {},
        'radius-top': {
            '@variant @prop-variant-dialog/modal': 'var(--gds-var-radius, var(--radius-12))',
            '@variant @prop-variant-drawer/modal': 'var(--gds-var-radius, var(--radius-16))',
        },
        'radius-bottom': {
            '@variant @prop-variant-dialog/modal': 'var(--gds-var-radius, var(--radius-12))',
            '@variant @prop-variant-drawer/modal': 'var(--gds-var-radius, var(--radius-none))',
        },
    },
});
//# sourceMappingURL=Modal.meta.js.map