import Typography, { SubTypographyProps } from "./Typography";

const H1: React.FC<SubTypographyProps> = ({ className, children, link, as }) => (
    <Typography as={as ? as :"h1"} link={link} className={`text-2xl font-bold  lg:text-[40px]  leading-[30px] lg:leading-[50px]  ${className}`}>
        {children}
    </Typography>
);

export default H1