import { Banner } from "@/components/ui/expanded/Banner"
import { BannerBoard as ExpandedBannerBoard } from "@/components/ui/expanded/BannerBoard"

const bannerDemoCopy = {
  actionLabel: "Button",
  ariaLabel: "Announcement banner",
  closeLabel: "Dismiss banner",
  description: "Discover the Latest Updates in Our New Release",
  inputAriaLabel: "Banner input",
  inputPlaceholder: "Placeholder",
  linkLabel: "Link button",
  title: "Big news!",
}

export function BannerDemo() {
  return (
    <div className="grid gap-6">
      <Banner {...bannerDemoCopy} />
      <Banner {...bannerDemoCopy} type="input" />
      <ExpandedBannerBoard />
    </div>
  )
}
