import { FormControl, MenuItem, Select } from '@mui/material';

const DenominationSelect = ({ value, onChange, minWidth = 140 }) => (
	<FormControl size='small' sx={{ minWidth }}>
		<Select value={value} onChange={(event) => onChange(event.target.value)} aria-label='Разрядность значений'>
			<MenuItem value='rub'>в руб.</MenuItem>
			<MenuItem value='thousand'>в тыс. руб.</MenuItem>
			<MenuItem value='million'>в млн. руб.</MenuItem>
			<MenuItem value='billion'>в млрд. руб.</MenuItem>
		</Select>
	</FormControl>
);

export default DenominationSelect;