import Container from "../reusableComponent/Container";

const AboutTitle = ({
  title,
  description,
  className,
}: {
  title: string;
  description: string;
  className?: string;
}) => {
  return (
    <Container className={`flex flex-col ${className}`}>
      <span className="text-primary text-[32px] font-normal">{title}</span>
      <p className="text-paragraph text-[20px] lg:text-[16px] font-light">
        {description}
      </p>
    </Container>
  );
};

export default AboutTitle;