anvil/striker-ui/components/Text/HeaderText.tsx

import Typography from '@mui/material/Typography';
import { styled } from '@mui/material/styles';
import { TEXT } from '../../lib/consts/DEFAULT_THEME';

const WhiteTypography = styled(Typography)({
  color: TEXT,
});

const HeaderText = ({ text }: { text: string }): JSX.Element => {
  return <WhiteTypography variant="h4">{text}</WhiteTypography>;
};

export default HeaderText;