import { ChevronRight, ChevronLeft } from "lucide-react"
export function SectionBadge({ label, variant = "white" }: { label: string; variant?: "white" | "gray" }) {
return (
)
}
export function ArrowButton({
direction,
theme = "light",
disabled = false,
size = "default",
onClick,
}: {
direction: "left" | "right"
theme?: "light" | "dark"
disabled?: boolean
size?: "small" | "default"
onClick?: () => void
}) {
const borderColor = theme === "dark" ? "border-white" : "border-[#d20010]"
const sizeClass = size === "small" ? "w-[44px] h-[44px]" : "w-[44px] h-[44px] md:w-[58px] md:h-[58px]"
const iconSize = size === "small" ? 20 : 24
return (
)
}
export function CtaButton({ label, variant = "red", href }: { label: string; variant?: "red" | "white"; href?: string }) {
const isRed = variant === "red"
const inner = (
)
if (href) {
return (
{inner}
)
}
return inner
}