import type React from "react"; import { ButtonProps } from "../Button/Button"; export type ValidationBannerProps = Readonly<{ title: string; description?: React.ReactNode; loading?: boolean; disabled?: boolean; onClick?: React.MouseEventHandler; onClose?: () => void; preview?: React.ReactNode; previewLabel?: string; icon?: ButtonProps["icon"]; variant?: ButtonProps["variant"]; /** * Optional secondary action rendered alongside the primary button — e.g. an * "Edit with AI" affordance or a "Looks good" skip. Shown only when set. */ secondaryTitle?: string; onSecondaryClick?: React.MouseEventHandler; secondaryVariant?: ButtonProps["variant"]; secondaryDisabled?: boolean; /** Position of the secondary button relative to the primary one. */ secondaryPlacement?: "above" | "below"; /** * Controlled value of the edit input. When defined (even as an empty string), * a text input is rendered below the preview so the user can describe an edit. */ inputValue?: string; onInputChange?: (value: string) => void; inputPlaceholder?: string; /** Focus the input as soon as it mounts — e.g. when revealed by a toggle. */ inputAutoFocus?: boolean; /** * Render the input value in a muted tone, to signal it is a prefilled * suggestion (e.g. an AI-generated prompt) the user can overwrite. */ inputMuted?: boolean; "data-testid"?: string; }> & React.RefAttributes; export declare function ValidationBanner({ title, description, loading, disabled, onClick, onClose, preview, previewLabel, icon, variant, secondaryTitle, onSecondaryClick, secondaryVariant, secondaryDisabled, secondaryPlacement, inputValue, onInputChange, inputPlaceholder, inputAutoFocus, inputMuted, "data-testid": dataTestId, ref, }: ValidationBannerProps): React.JSX.Element; export declare namespace ValidationBanner { var displayName: string; } //# sourceMappingURL=ValidationBanner.d.ts.map