import { AlertTriangle } from 'lucide-react'

export function SafetyTip({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex items-start gap-3 bg-warning/10 border border-warning/30 rounded-xl p-4">
      <AlertTriangle className="w-5 h-5 text-warning flex-shrink-0 mt-0.5" />
      <p className="text-sm font-medium">{children}</p>
    </div>
  )
}