Untitled

"use client"

import { useState } from "react"
import { X } from "lucide-react"

export default function AnnouncementBar() {
  const [show, setShow] = useState(true)

  const onHide = ()  => {
    setShow(false)
  }

if (show)  return (
        <div className="border-b p-2">
          <div className="flex items-center">
            <div className="shrink grow basis-auto">
              <a href="https://bit.ly/47Fs5TT" target="_blank" rel="noopener noreferrer">
                <p className="text-center text-sm font-bold">
                  🚀 Góp ý về phiên bản thichtienganh mới <u>tại đây</u>
                </p>
              </a>
            </div>

              <button className="cursor-pointer" onClick={onHide}>
                <X />
              </button>

          </div>
        </div>
  )

return null
}