Components

'use client'
import { useState } from 'react'

const TYPES = {
  info:    { bg: '#eff6ff', border: '#bfdbfe', color: '#1d4ed8', icon: 'ℹ️' },
  success: { bg: '#f0fdf4', border: '#bbf7d0', color: '#15803d', icon: '✅' },
  warning: { bg: '#fffbeb', border: '#fde68a', color: '#b45309', icon: '⚠️' },
  error:   { bg: '#fef2f2', border: '#fecaca', colo