const streamingResponseTheme = {
    errorContainerStyle: "flex items-start gap-3 rounded-[var(--radius-base)] border border-[var(--color-danger-200)] bg-[var(--color-danger-50)] px-4 py-3",
    errorTitleStyle: "text-base font-medium text-[var(--color-danger)]",
    errorMessageStyle: "text-base text-[var(--color-text-secondary)] mt-1",
    errorRetryButtonStyle: "mt-2 text-base font-medium text-[var(--color-danger)] hover:text-[var(--color-danger-700)] transition-colors",
    loadingContainerStyle: "flex items-center gap-2 text-[var(--color-text-placeholder)] text-base",
    loadingDotStyle: "w-1.5 h-1.5 rounded-full bg-current animate-pulse",
};

export { streamingResponseTheme };
