"use client"

import { BottomBar } from "./components/bottom-bar"
import { FooterColumns } from "./components/footer-columns"
import { FooterTop } from "./components/footer-top"
import { GooeyFilter } from "./components/gooey-filter"
import { Wordmark } from "./components/wordmark"
import {
  DEFAULT_CONTACT,
  DEFAULT_SITEMAP_LINKS,
  DEFAULT_SOCIAL_LINKS,
} from "./data/defaults"
import { classNames } from "./lib/class-names"
import { footerStyles } from "./styles"
import type { GooeyWordmarkFooterProps } from "./types"

export function GooeyWordmarkFooter({
  className,
  logoHref = "/",
  logoLabel = "Jolocky home",
  tagline = "Brand, product and web design for early-stage startups",
  headline = "Got an idea worth building? Let's talk",
  ctaLabel = "Start a project",
  ctaHref = "mailto:hello@jolocky.studio",
  linksLabel = "Links",
  backToTopLabel = "Back to top",
  sitemapTitle = "Sitemap",
  sitemapLinks = DEFAULT_SITEMAP_LINKS,
  contactTitle = "Contact",
  contact = DEFAULT_CONTACT,
  socialTitle = "Follow us",
  socialLinks = DEFAULT_SOCIAL_LINKS,
  wordmark = "Jolocky.studio",
  copyright = "© 2026 Jolocky Studio Ltd.",
  copyrightSuffix = "All rights reserved.",
  madeBy = "Made by Jolocky",
}: GooeyWordmarkFooterProps) {
  return (
    <footer className={classNames("gw-footer", className)}>
      <style>{footerStyles}</style>

      <FooterTop
        logoHref={logoHref}
        logoLabel={logoLabel}
        tagline={tagline}
        backToTopLabel={backToTopLabel}
        headline={headline}
        ctaLabel={ctaLabel}
        ctaHref={ctaHref}
      />

      <hr className="gw-rule" />

      <FooterColumns
        linksLabel={linksLabel}
        backToTopLabel={backToTopLabel}
        sitemapTitle={sitemapTitle}
        sitemapLinks={sitemapLinks}
        contactTitle={contactTitle}
        contact={contact}
        socialTitle={socialTitle}
        socialLinks={socialLinks}
      />

      <Wordmark text={wordmark} />

      <BottomBar
        copyright={copyright}
        copyrightSuffix={copyrightSuffix}
        backToTopLabel={backToTopLabel}
        madeBy={madeBy}
      />

      <GooeyFilter />
    </footer>
  )
}