@braineet/ui
Version:
Braineet design system
18 lines • 813 B
JavaScript
import { Tooltip } from 'ariakit/tooltip';
import styled from 'styled-components';
import { color } from 'styled-system';
import { fluid } from '../../utils';
export var TooltipStyled = styled(Tooltip).withConfig({
displayName: "styles__TooltipStyled",
componentId: "sc-pz2l5y-0"
})(["border-radius:", ";background-color:", ";max-width:320px;min-width:max-content;padding:", ";word-wrap:break-word;text-align:center;font-size:", ";box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);color:", ";z-index:", ";", ""], function (props) {
return props.theme.borderRadius.sm;
}, function (props) {
return props.theme.colors.black;
}, function (props) {
return props.theme.spaces.md;
}, fluid(12), function (props) {
return props.theme.colors.white;
}, function (props) {
return props.theme.zIndex.tooltip;
}, color);