rename h2separator to h1 and expose component

2023-01-08 00:57:25 +05:00
parent 461fba1efd
commit f1c9831f58
2 changed files with 5 additions and 7 deletions
--- a/src/components/heading-separators.js
+++ b/src/components/heading-separators.js
@ -18,7 +18,7 @@ const TerminalDiamond = ({ right }) => (
  </Box>
 )

-const H2Separator = ({ title }) => {
+export const H1Separator = ({ title, component }) => {

  return (
    <Box display="flex">
@ -28,7 +28,7 @@ const H2Separator = ({ title }) => {
      <Box py={1.5} px={1} border={1} borderTop={0}>
        <Typography
          variant="h1"
-          component="h2"
+          component={component}
          sx={{ textTransform: "uppercase" }}
        >
          {title}
@ -39,6 +39,4 @@ const H2Separator = ({ title }) => {
      </Box>
    </Box>
  )
-}
-
-export default H2Separator
+}