import Typography from "@mui/material/Typography";
import type { SxProps } from "@mui/system";

interface Props {
  children: React.ReactNode;
  sx?: SxProps;
}

export const ModalHeader = ({ children, sx }: Props) => (
  <Typography
    marginBottom="8px"
    fontSize="28px"
    fontWeight="500"
    textAlign="center"
    sx={sx}
  >
    {children}
  </Typography>
);