import { Slider } from '@mui/material';

interface MemorySliderProps {
  memory: number;
  onChange: (e: Event, value: number | number[]) => void;
}

const MemorySlider = ({ memory, onChange }: MemorySliderProps) => {
  return (
    <Slider
      name="memory"
      aria-label="Memory"
      defaultValue={4096}
      valueLabelDisplay="auto"
      shiftStep={1024}
      step={1024}
      marks
      min={1024}
      max={32628}
      value={memory}
      onChange={onChange}
    />
  );
};

export default MemorySlider;
