// ** MUI Imports import Box from '@mui/material/Box' import Typography from '@mui/material/Typography' import Rating, { IconContainerProps } from '@mui/material/Rating' // ** Icon Imports import Icon from 'src/@core/components/icon' interface CustomIcons { [index: string]: { icon: string; label: string } } const customIcons: CustomIcons = { 1: { label: 'Very Dissatisfied', icon: 'mdi:emoticon-sad-outline' }, 2: { label: 'Neutral', icon: 'mdi:emoticon-neutral-outline' }, 3: { label: 'Satisfied', icon: 'mdi:emoticon-happy-outline' }, 4: { label: 'Very Satisfied', icon: 'mdi:emoticon-outline' } } const IconContainer = (props: IconContainerProps) => { const { value } = props return ( ) } const RatingsCustomized = () => { return (
Custom empty icon } /> Custom icon and color } emptyIcon={} /> 10 stars
Custom icon set
) } export default RatingsCustomized