'use client';

import { __styles, mergeClasses } from '@griffel/react';
import { tokens, typographyStyles } from '@fluentui/react-theme';
/**
 * @internal
 */
export const polarChartClassNames = {
  root: 'fui-polar__root',
  chartWrapper: 'fui-polar__chartWrapper',
  chart: 'fui-polar__chart',
  gridLineInner: 'fui-polar__gridLineInner',
  gridLineOuter: 'fui-polar__gridLineOuter',
  tickLabel: 'fui-polar__tickLabel',
  legendContainer: 'fui-polar__legendContainer'
};
const useStyles = /*#__PURE__*/__styles({
  root: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "fkhj508",
    Bhrd7zp: "figsok6",
    Bg96gwp: "f1i3iumi",
    mc9l5x: "f22iagw",
    Beiy3e4: "f1vx9l62",
    Bt984gj: "f122n59",
    a9b677: "fly5x3f",
    Bqenvij: "f1l02sjl",
    fsow6f: ["f1o700av", "fes3tcz"]
  },
  chart: {
    mc9l5x: "ftgm304"
  },
  gridLine: {
    Bkfmm31: "fb8ncra",
    ojy3ng: "f1r2wt8h",
    Be5yapy: "f1tnnsn7"
  },
  gridLineInner: {
    abs64n: "f1d4fala"
  },
  gridLineOuter: {
    abs64n: "f5p0z4x"
  },
  tickLabel: {
    Bahqtrf: "fk6fouc",
    Be2twd7: "f13mqy1h",
    Bhrd7zp: "fl43uef",
    Bg96gwp: "fcpl73t",
    Bkfmm31: "fhuob2q"
  },
  legendContainer: {
    a9b677: "fly5x3f"
  }
}, {
  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", ".f122n59{align-items:center;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".ftgm304{display:block;}", ".fb8ncra{fill:none;}", ".f1r2wt8h{stroke:var(--colorNeutralForeground1);}", ".f1tnnsn7{stroke-width:1px;}", ".f1d4fala{opacity:0.2;}", ".f5p0z4x{opacity:1;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}"]
});
/**
 * Apply styling to the PolarChart component
 */
export const usePolarChartStyles = props => {
  var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6;
  const baseStyles = useStyles();
  return {
    root: mergeClasses(polarChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
    chartWrapper: mergeClasses(polarChartClassNames.chartWrapper, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),
    chart: mergeClasses(polarChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),
    gridLineInner: mergeClasses(polarChartClassNames.gridLineInner, baseStyles.gridLine, baseStyles.gridLineInner, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.gridLineInner),
    gridLineOuter: mergeClasses(polarChartClassNames.gridLineOuter, baseStyles.gridLine, baseStyles.gridLineOuter, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.gridLineOuter),
    tickLabel: mergeClasses(polarChartClassNames.tickLabel, baseStyles.tickLabel, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.tickLabel),
    legendContainer: mergeClasses(polarChartClassNames.legendContainer, baseStyles.legendContainer, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.legendContainer)
  };
};