Banner

import { Info, X } from "lucide-react"
 
import * as Banner from "@/components/ui/banner"
 
export default function BannerDemo() {
  return (
    <Banner.Root>
      <Banner.Content>
        <Banner.Icon>
          <Info />
        </Banner.Icon>
        <span>Insert your alert title here!</span>
      </Banner.Content>
      <Banner.CloseButton>
        <X />
      </Banner.CloseButton>
    </Banner.Root>
  )
}