import FormGroup from "@mui/material/FormGroup";
import FormControlLabel from "@mui/material/FormControlLabel";
import Checkbox from "@mui/material/Checkbox";
import CircleChecked from "@material-ui/icons/CheckCircleOutline";
import CircleUnchecked from "@material-ui/icons/RadioButtonUnchecked";
const App = () => {
return (
<div>
<FormGroup>
<FormControlLabel
control={
<Checkbox
icon={<CircleUnchecked />}
checkedIcon={<CircleChecked />}
sx={{
"& .MuiSvgIcon-root": {
fontSize: 70,
borderRadius: 20
}
}}
/>
}
label="Villa"
/>
</FormGroup>
</div>
);
};
export default App;