"use client"

import { Link } from "react-router"

import { Button } from "@/components/ui/button"
import type { ProductHomeCard } from "@/lib/product-home"

import { BetaAccessAction } from "./product-beta-access"

export function ShelfCardAction({ card }: { card: ProductHomeCard }) {
  if (card.stage === "beta") {
    return <BetaAccessAction label={card.label} className="relative shrink-0" />
  }

  if (card.stage === "new") {
    return (
      <Button variant="outline" size="sm" asChild className="relative shrink-0">
        <Link to={`/home/${card.slug}`}>
          Learn more
          <span className="sr-only"> about {card.label}</span>
        </Link>
      </Button>
    )
  }

  return null
}