"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = void 0;
var Styling_1 = require("@fluentui/react/lib/Styling");
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: Styling_1.FontSizes.small,
            fontWeight: Styling_1.FontWeights.semibold,
            fill: theme.palette.neutralPrimary,
        },
    };
};
exports.getStyles = getStyles;
//# sourceMappingURL=Arc.styles.js.map