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

const OtherPluginQuotes = ({ state = {}, handleChange = (name = '', val = '') => {} }) => {
	return (
		<Grid container spacing={1} flex mt={3} mb={3}>
			<Grid item flex={1} xs={4}>
				<Typography variant='subtitle1' fontWeight='bold'>
					Allow other plugins to show quotes
				</Typography>
			</Grid>
			<Grid item flex={2} xs={8}>
				<Select
					fullWidth
					size='small'
					defaultValue='NO'
					value={state?.show_other_plugin_quotes}
					onChange={e => handleChange('show_other_plugin_quotes', e.target.value)}>
					<MenuItem value='NO'>NO</MenuItem>
					<MenuItem value='YES'>YES</MenuItem>
				</Select>
			</Grid>
		</Grid>
	);
};

export default OtherPluginQuotes;