import type { ImageVaultAsset } from "@scandic-hotels/common/utils/imageVault"
import type { VariantProps } from "class-variance-authority"
import type { JSX } from "react"

import type { ApiImage } from "@/types/components/image"
import type { cardVariants } from "./variants"

export interface CardProps
  extends React.HTMLAttributes<HTMLDivElement>,
    VariantProps<typeof cardVariants> {
  primaryButton?: {
    href: string
    title: string
    openInNewTab?: boolean
    forceReload?: boolean
    scrollOnClick?: boolean
    materialIcon?: JSX.Element
  } | null
  secondaryButton?: {
    href: string
    title: string
    openInNewTab?: boolean
    forceReload?: boolean
    scrollOnClick?: boolean
    materialIcon?: JSX.Element
  } | null
  scriptedTopTitle?: string | null
  heading?: string | null
  bodyText?: string | null
  imageGradient?: boolean
  onPrimaryButtonClick?: () => void
  onSecondaryButtonClick?: () => void
  backgroundImage?: ImageVaultAsset | ApiImage
}