website/components/ui/Label.tsx

import { classed } from "@tw-classed/react";

const Title = classed.h1(
  "text-5xl font-black leading-1 text-primary md:text-6xl lg:text-8xl lg:leading-[108px]"
);

const Subtitle = classed.h6(
  "text-brown-50 font-bold text-lg leading-none md:text-2xl md:leading-6"
);

const SectionTitle = classed.h6(
  "font-semibold text-primary text-2xl leading-[24px] md:text-[32px] leading-[32px]"
);

const Paragraph = classed.span("text-primary text-sm md:text-xl leading-6");

const Label = {
  displayName: "Label",
  Title,
  Subtitle,
  SectionTitle,
  Paragraph,
};

export { Label };