import { semanticTextColors } from '../../../utils/colorUtils.js';

/**
 * Default theme configuration for Alert component
 * Uses flat color organization matching Badge pattern
 */
const alertTheme = {
    // Base styles applied to all alerts
    baseStyle: "relative flex items-start gap-3 rounded-[var(--alert-radius)] p-4 text-base border border-[var(--color-border)] backdrop-blur-md bg-white dark:bg-[var(--color-background-secondary)]/80",
    // Visual style variants (structure only, no colors)
    variants: {
        default: "",
        glass: "glass-effect",
    },
    // Icon color styles per color
    iconColors: semanticTextColors,
    // State styles
    states: {
        dismissible: "pr-10",
    },
};

export { alertTheme };
