import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
import generateUtilityClass from '../generateUtilityClass';

export interface RatingClasses {
  /** Styles applied to the root element. */
  root: string;
  /** Styles applied to the root element if `size="small"`. */
  sizeSmall: string;
  /** Styles applied to the root element if `size="medium"`. */
  sizeMedium: string;
  /** Styles applied to the root element if `size="large"`. */
  sizeLarge: string;
  /** Styles applied to the root element if `readOnly={true}`. */
  readOnly: string;
  /** State class applied to the root element if `disabled={true}`. */
  disabled: string;
  /** State class applied to the root element if keyboard focused. */
  focusVisible: string;
  /** Visually hide an element. */
  visuallyHidden: string;
  /** Styles applied to the label elements. */
  label: string;
  /** Styles applied to the label of the "no value" input when it is active. */
  labelEmptyValueActive: string;
  /** Styles applied to the icon wrapping elements. */
  icon: string;
  /** Styles applied to the icon wrapping elements when empty. */
  iconEmpty: string;
  /** Styles applied to the icon wrapping elements when filled. */
  iconFilled: string;
  /** Styles applied to the icon wrapping elements when hover. */
  iconHover: string;
  /** Styles applied to the icon wrapping elements when focus. */
  iconFocus: string;
  /** Styles applied to the icon wrapping elements when active. */
  iconActive: string;
  /** Styles applied to the icon wrapping elements when decimals are necessary. */
  decimal: string;
}

export type RatingClassKey = keyof RatingClasses;

export function getRatingUtilityClass(slot: string): string {
  return generateUtilityClass('MuiRating', slot);
}

const ratingClasses: RatingClasses = generateUtilityClasses('MuiRating', [
  'root',
  'sizeSmall',
  'sizeMedium',
  'sizeLarge',
  'readOnly',
  'disabled',
  'focusVisible',
  'visuallyHidden',
  'pristine',
  'label',
  'labelEmptyValueActive',
  'icon',
  'iconEmpty',
  'iconFilled',
  'iconHover',
  'iconFocus',
  'iconActive',
  'decimal',
]);

export default ratingClasses;