Banner

import { Banner } from '@otfdashkit/ui'

export function Example() {
  return (
    <div className="flex flex-col gap-3 w-full max-w-lg">
      <Banner variant="info"    title="Info"    description="Something you should know about." dismissible />
      <Banner variant="success" title="Success" description="Everything went smoothly."        dismissible />
      <Banner variant="warning" title="Warning" description="Might need your attention."       dismissible />
      <Banner variant="error"   title="Error"   description="Something went wrong."            dismissible />
      <Banner variant="neutral" title="Neutral" description="A general notice."                dismissible />
    </div>
  )
}