import { cssVar } from '@chakra-ui/theme-tools';
import { defineStyle, defineStyleConfig } from '@chakra-ui/react';

var $bg = cssVar('tooltip-bg');
var $arrowBg = cssVar('popper-arrow-bg');
var baseStyle = defineStyle(function () {
    var _a;
    return _a = {
            bg: $bg.reference
        },
        _a[$bg.variable] = 'colors.gray.900',
        _a[$arrowBg.variable] = $bg.reference,
        _a.p = 'sm',
        _a.color = 'white',
        _a.textStyle = 'body',
        _a.zIndex = 'tooltip',
        _a;
});
var Tooltip = defineStyleConfig({
    baseStyle: baseStyle,
});

export { Tooltip as default };
//# sourceMappingURL=tooltip.js.map
