"use client"

import { LinkColumns } from "./components/link-columns"
import { SignupForm } from "./components/signup-form"
import { SocialLinks } from "./components/social-links"
import { Wordmark } from "./components/wordmark"
import { DEFAULT_COLUMNS, DEFAULT_SOCIAL_LINKS } from "./data/defaults"
import { classNames } from "./lib/class-names"
import { footerStyles } from "./styles"
import type { AcidWordmarkFooterProps } from "./types"

export function AcidWordmarkFooter({
  className,
  tagline = "Paid Different™",
  emailLabel = "Email address",
  emailPlaceholder = "you@studio.com",
  submitLabel = "Start for free",
  doneLabel = "You're in ✓",
  onSubscribe,
  socialLinks = DEFAULT_SOCIAL_LINKS,
  navLabel = "Footer",
  columns = DEFAULT_COLUMNS,
  wordmarkLabel = "jolocky",
}: AcidWordmarkFooterProps) {
  return (
    <footer className={classNames("aw-footer", className)}>
      <style>{footerStyles}</style>
      <div className="aw-top">
        <div className="aw-signup">
          <SignupForm
            tagline={tagline}
            emailLabel={emailLabel}
            emailPlaceholder={emailPlaceholder}
            submitLabel={submitLabel}
            doneLabel={doneLabel}
            onSubscribe={onSubscribe}
          />
          <SocialLinks links={socialLinks} />
        </div>
        <LinkColumns label={navLabel} columns={columns} />
      </div>

      <Wordmark label={wordmarkLabel} />
    </footer>
  )
}