FIX-1848 minor theme fixes.
This commit is contained in:
1 parent
b6726fba54
commit
d123bed875
1 file changed
+13
-9
@@ -1,17 +1,21 @@
|
||||
import { Stack, Typography } from "@mui/material";
|
||||
import ConfigBox from "../../../../../Components/ConfigBox";
|
||||
import PropTypes from "prop-types";
|
||||
import { useTheme } from "@emotion/react";
|
||||
|
||||
// This can be used to add any extra/additional section/stacks on top of existing sections on the tab
|
||||
const SectionStack = ({ title, description, children }) => (
|
||||
<ConfigBox>
|
||||
<Stack gap={2}>
|
||||
<Typography component="h2">{title}</Typography>
|
||||
<Typography component="p">{description}</Typography>
|
||||
</Stack>
|
||||
{children}
|
||||
</ConfigBox>
|
||||
);
|
||||
const SectionStack = ({ title, description, children }) => {
|
||||
const theme = useTheme();
|
||||
return (
|
||||
<ConfigBox>
|
||||
<Stack gap={theme.spacing(6)}>
|
||||
<Typography component="h2">{title}</Typography>
|
||||
<Typography component="p">{description}</Typography>
|
||||
</Stack>
|
||||
{children}
|
||||
</ConfigBox>
|
||||
);
|
||||
};
|
||||
|
||||
SectionStack.propTypes = {
|
||||
title: PropTypes.string.isRequired, // Title must be a string and is required
|
||||
|
||||
Reference in new issue
Block a user