import { HeaderLeftContentProps } from "../../types/home";
import Typography from "../typography/typography";

const HeaderLeft = ({ data }: HeaderLeftContentProps) => {
  return (
    <div className=" flex flex-col gap-1">
      <Typography variant="h1" display="sm" weight="medium" color="gray-900">
        {data.title}
      </Typography>
      {data.subtitle && (
        <Typography text="sm" color="gray-500">
          {data.subtitle}
        </Typography>
      )}
    </div>
  );
};

export default HeaderLeft;
