Is there a way to align two typography components on the same line, with one aligned to the left and the other to the right? I'm currently using this code but the components are aligned next to each other on the left side.
const customStyles = makeStyles({
leftText: {
textAlign: "left"
},
rightText: {
textAlign: "right"
}
});
function ChooseNewSupport(props) {
const classes = customStyles();
return (
<DialogContent>
<Typography inline variant="body1" className={classes.leftText}>
Choose New Support:
</Typography>
<Typography inline variant="body1" className={classes.rightText}>
</DialogContent>
);
}