import { FontSizes, FontWeights } from '@fluentui/react/lib/Styling';
export var getStyles = function (props) {
    var solidFill = props.solidFill, gradientFill = props.gradientFill, href = props.href, theme = props.theme, opacity = props.opacity;
    return {
        root: {
            fill: solidFill,
            cursor: href ? 'pointer' : 'default',
            stroke: theme.semanticColors.bodyBackground,
            outline: 'transparent',
            selectors: {
                '::-moz-focus-inner': {
                    border: '0',
                },
            },
            opacity: opacity,
        },
        gradientArc: {
            width: '100%',
            height: '100%',
            background: gradientFill,
            opacity: opacity,
        },
        focusRing: {
            stroke: theme.semanticColors.focusBorder,
            strokeWidth: 4,
            fill: 'transparent',
        },
        arcLabel: {
            fontSize: FontSizes.small,
            fontWeight: FontWeights.semibold,
            fill: theme.palette.neutralPrimary,
        },
    };
};
//# sourceMappingURL=Arc.styles.js.map