import { HighContrastSelector } from '../utilities/utilities';
import { tokens, typographyStyles } from '@fluentui/react-theme';
export const getTooltipStyle = ()=>{
    return {
        ...typographyStyles.body1,
        display: 'flex',
        flexDirection: 'column',
        padding: tokens.spacingHorizontalS,
        position: 'absolute',
        textAlign: 'center',
        backgroundColor: tokens.colorNeutralBackground1,
        borderRadius: tokens.borderRadiusSmall,
        pointerEvents: 'none',
        color: tokens.colorNeutralForeground1
    };
};
export const getAxisTitleStyle = ()=>{
    return {
        ...typographyStyles.caption2Strong,
        fontStyle: 'normal',
        textAlign: 'center',
        color: tokens.colorNeutralForeground2,
        fill: tokens.colorNeutralForeground1,
        [HighContrastSelector]: {
            fill: 'CanvasText'
        }
    };
};
export const getBarLabelStyle = ()=>{
    return {
        ...typographyStyles.caption1Strong,
        fill: tokens.colorNeutralForeground1,
        forcedColorAdjust: 'auto'
    };
};
export const getMarkerLabelStyle = ()=>{
    return {
        ...typographyStyles.body1,
        fill: tokens.colorNeutralForeground1,
        textAnchor: 'middle',
        [HighContrastSelector]: {
            fill: 'CanvasText'
        }
    };
};
