import { cn } from "./utils"

interface LogoProps {
  variant?: "primary" | "light" | "navy"
  className?: string
}

const variantClasses: Record<NonNullable<LogoProps["variant"]>, string> = {
  primary: "text-blush",
  light: "text-bordeaux",
  navy: "text-blush",
}

export function Logo({ variant = "primary", className }: LogoProps) {
  return (
    <div className={cn("inline-flex flex-col items-end leading-none", variantClasses[variant], className)}>
      <span className="font-playfair text-[1.95rem] font-normal tracking-[0.03em]">Sensual</span>
      <span className="-mt-1 pr-[0.06em] font-playfair text-[1.2rem] font-normal italic tracking-[0.02em]">Moment</span>
      <span className="mt-1 font-josefin text-[0.52rem] font-light uppercase tracking-[0.42em]">PHOTOGRAPHY</span>
    </div>
  )
}