import styled from "styled-components";
import { tokens } from "./Tooltip.tokens";
export const TooltipRoot = styled.div.withConfig({
    displayName: "Tooltip.styles__TooltipRoot",
    componentId: "sc-7a496a90-0"
})([
    `display:flex;align-items:center;padding:var(`,
    `) var(`,
    `) var(`,
    `) var(`,
    `);min-height:var(`,
    `);max-width:`,
    `;min-width:`,
    `;width:max-content;background-color:var(`,
    `);border-radius:var(`,
    `);box-shadow:var(`,
    `);color:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;`
], tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft, tokens.minHeight, ({ maxWidth })=>maxWidth || 'unset', ({ minWidth })=>minWidth || 'unset', tokens.backgroundColor, tokens.borderRadius, tokens.boxShadow, tokens.color, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textFontLetterSpacing, tokens.textFontLineHeight);
export const StyledContentLeft = styled.div.withConfig({
    displayName: "Tooltip.styles__StyledContentLeft",
    componentId: "sc-7a496a90-1"
})([
    `display:flex;align-items:center;margin-right:var(`,
    `);height:var(`,
    `);`
], tokens.contentLeftMargin, tokens.textFontLineHeight);
