import { __assign } from '../../node_modules/tslib/tslib.es6.js';

var baseStyleTab = {
    textStyle: 'body',
    transitionProperty: 'common',
    transitionDuration: 'normal',
    borderBottomWidth: '3px',
    borderBottomColor: 'transparent',
    p: 'md',
    color: 'gray.600',
    _selected: {
        fontWeight: 'bold',
        color: 'gray.900',
        borderBottomColor: 'currentColor',
    },
    _disabled: {
        _active: { bg: 'none' },
        cursor: 'not-allowed',
        color: 'gray.300',
    },
};
var baseStyleTablist = {
    borderBottom: '1px',
    borderColor: 'gray.200',
    justifyContent: 'start',
};
var baseStyleTabpanel = {
    textStyle: 'body',
    margin: 'sm',
};
var baseStyle = {
    tab: baseStyleTab,
    tablist: baseStyleTablist,
    tabpanel: baseStyleTabpanel,
};
var variants = {
    spaceBetween: {
        tablist: {
            borderBottom: '1px',
            borderColor: 'gray.200',
            justifyContent: 'space-between',
        },
        tab: baseStyleTab,
        tabpanel: baseStyleTabpanel,
    },
    spaceAround: {
        tablist: {
            borderBottom: '1px',
            borderColor: 'gray.200',
            justifyContent: 'space-around',
        },
        tab: baseStyleTab,
        tabpanel: baseStyleTabpanel,
    },
    enclosed: {
        tablist: {
            borderBottom: 'none',
        },
        tab: {
            color: 'gray.700',
            fontWeight: 'bold',
            flexBasis: '100%',
            borderBottom: '1px',
            border: '1px solid',
            borderColor: 'blue.200',
            backgroundColor: 'blue.50',
            borderRight: 'none',
            _selected: {
                backgroundColor: 'transparent',
                borderBottom: 'none',
            },
            _last: {
                borderRight: '1px solid',
                borderColor: 'blue.200',
            },
        },
        tabpanel: __assign(__assign({}, baseStyleTabpanel), { margin: '0' }),
    },
    fullWidth: {
        tab: __assign(__assign({}, baseStyleTab), { flex: 1 }),
        tablist: baseStyleTablist,
        tabpanel: __assign(__assign({}, baseStyleTabpanel), { margin: '0' }),
    },
};
var Tabs = {
    baseStyle: baseStyle,
    variants: variants,
};

export { Tabs as default };
//# sourceMappingURL=tabs.js.map
