Is it possible to achieve the design displayed in the image using MUI components?
I am facing an issue where I am unable to properly insert a third Button into the MUI grid with the same width as the other two buttons. Any suggestions on how to solve this problem?
<Container>
<Grid
container
direction="row"
justifyContent="flex-start"
alignItems="center"
spacing={4}
>
<Grid item>
<Button variant="outlined" onClick={() => {}}>
Button 1
</Button>
</Grid>
<Grid item>
<Button color="secondary" variant="contained" onClick={() => {}}>
Button 2
</Button>
</Grid>
</Grid>
</Container>