Optima page heading: add end deco

This commit is contained in:
Enrico Ros
2024-12-21 18:03:16 -08:00
parent cb2d6dbfd4
commit b4a586fab2
@@ -8,11 +8,12 @@ export function OptimaAppPageHeading(props: {
tagline?: React.ReactNode;
accentedTagline?: boolean;
startDecorator?: React.ReactNode;
endDecorator?: React.ReactNode;
noDivider?: boolean;
}) {
return (
<Box mb={2.25}>
{!!props.title && <Typography level='h2' sx={{ textAlign: 'start' }} startDecorator={props.startDecorator}>
{!!props.title && <Typography level='h2' sx={{ textAlign: 'start' }} startDecorator={props.startDecorator} endDecorator={props.endDecorator}>
{props.title}
</Typography>}
{!!props.tagline && <Typography level='body-sm' sx={{ color: !props.accentedTagline ? undefined : 'text.secondary', textAlign: 'start', mt: 0.75 }}>