Quiet Cookie Banner

import { BannerCookieQuiet } from '@/components/blocks/banner-cookie-quiet'

'use client'

import { useState } from 'react'
import { BannerCookieQuiet } from '@/components/blocks/banner-cookie-quiet'

export default function BannerCookieQuietDemo() {
  const [key, setKey] = useState(0)

  return (
    <div className="relative flex min-h-[320px] flex-col justify-end">
      <BannerCookieQuiet
        key={key}
        docked={false}
        message="We use a few cookies to understand what's useful on Ledger. Decline and we keep only what the site needs to work."
        links={[
          { label: 'Privacy policy', href: '#' },
          { label: 'Cookie settings', href: '#' },
        ]}
        onAccept={() => {
          window.setTimeout(() => setKey((k) => k + 1), 400)
        }}
        onDecline={() => {
          window.setTimeout(() => setKey((k) => k + 1), 400)
        }}
      />
    </div>
  )
}