80147c9900
- Bumped package version from 0.1.0 to 1.0.0 to reflect significant updates. - Added @codemirror/lint dependency to enhance code linting capabilities. - Updated pnpm-lock.yaml to include the new linting dependency version.
25 lines
655 B
TypeScript
25 lines
655 B
TypeScript
import { AlertTriangle } from 'lucide-react';
|
|
|
|
interface WarningBannerProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
icon?: React.ReactNode;
|
|
}
|
|
|
|
export const WarningBanner = ({
|
|
children,
|
|
className = '',
|
|
icon,
|
|
}: WarningBannerProps): React.JSX.Element => (
|
|
<div
|
|
className={`flex items-start gap-2 rounded-md border px-3 py-2 text-xs ${className}`}
|
|
style={{
|
|
backgroundColor: 'var(--warning-bg)',
|
|
borderColor: 'var(--warning-border)',
|
|
color: 'var(--warning-text)',
|
|
}}
|
|
>
|
|
{icon ?? <AlertTriangle size={14} className="mt-0.5 shrink-0" />}
|
|
<div className="min-w-0 flex-1">{children}</div>
|
|
</div>
|
|
);
|