"use client"

import * as React from "react"

import { FooterView } from "./components/footer-view"
import { useReveal } from "./hooks/use-reveal"
import { resolveContent } from "./lib/resolve-content"
import type { CalmFrostFooterProps } from "./types"

export function CalmFrostFooter({
  className,
  onSubscribe,
  ...contentProps
}: CalmFrostFooterProps) {
  const rootRef = React.useRef<HTMLElement>(null)
  const { revealed, settled } = useReveal(rootRef)

  return (
    <FooterView
      content={resolveContent(contentProps)}
      className={className}
      revealed={revealed}
      settled={settled}
      onSubscribe={onSubscribe}
      rootRef={rootRef}
    />
  )
}