diff --git a/src/Pages/StatusPage/Create/Components/Tabs/SectionStack.jsx b/src/Pages/StatusPage/Create/Components/Tabs/SectionStack.jsx index 2eacf5ea5..9708d8a85 100644 --- a/src/Pages/StatusPage/Create/Components/Tabs/SectionStack.jsx +++ b/src/Pages/StatusPage/Create/Components/Tabs/SectionStack.jsx @@ -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 }) => ( - - - {title} - {description} - - {children} - -); +const SectionStack = ({ title, description, children }) => { + const theme = useTheme(); + return ( + + + {title} + {description} + + {children} + + ); +}; SectionStack.propTypes = { title: PropTypes.string.isRequired, // Title must be a string and is required