// ** 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 (