import React from 'react'
import { goalCategories } from '@/utils/data/exercise-categories';
import { RadioGroup, FormControlLabel, Radio } from '@mui/material';
import { ProgramDataProps } from '@/pages/dashboard/create-program';

const CategoriesRadio = ({ setProgramData }: { setProgramData: React.Dispatch<React.SetStateAction<ProgramDataProps>> }) => {

  return (
    <>
      <RadioGroup
        aria-label="goal-categories"
        sx={{ flexDirection: 'row' }}
        onChange={(event) => setProgramData(prevState => ({ ...prevState, category: event.target.value }))}
      >
        {goalCategories.map((category, index) => (
          <FormControlLabel key={index} value={category.value} control={<Radio />} label={category.label} />
        ))}
      </RadioGroup>
    </>
  )
}

export default CategoriesRadio