import { createComponent } from '@graphprotocol/gds-css';
export const PaneContainerMeta = createComponent('PaneContainer', {
    isolate: 'allow-inheritance',
    cssProps: {
        /** @default 'horizontal' */
        orientation: {
            type: 'values',
            values: ['horizontal', 'vertical'],
            defaultValue: 'horizontal',
        },
    },
});
export const PaneMeta = createComponent('Pane', {
    isolate: 'allow-inheritance',
    cssProps: {
        /** @default 'docked' */
        layout: {
            type: 'values',
            values: ['docked', 'overlay'],
            defaultValue: 'docked',
        },
        /** @default // dynamic based on position and container orientation */
        side: {
            type: 'values',
            values: ['top', 'bottom', 'start', 'end'],
            defaultValue: 'start',
        },
    },
});
//# sourceMappingURL=Pane.meta.js.map