@senka-ai/ui/dist/components/feedback/Banner.svelte.d.ts

A modern, type-safe Svelte 5 UI component library with full theme support, accessibility standards, and robust state management patterns

import type { BaseProps, ChildrenComponent, ClickHandler } from '../../type/component';
/**
 * Banner component props interface
 * An informative component that displays important messages and provides actions for users
 */
interface Props extends BaseProps, ChildrenComponent, ClickHandler {
    /** Main title text displayed prominently */
    title: string;
    /** Supporting description text (optional) */
    description?: string;
    /** Text displayed on the action button (optional) */
    buttonText?: string;
    /** Image source URL for supporting visual (optional) */
    image?: string;
    /** Alt text for the image */
    imageAlt?: string;
    /** Whether to show the title @default true */
    showTitle?: boolean;
    /** Whether to show the description @default true */
    showDescription?: boolean;
    /** Whether to show the action button @default true */
    showButton?: boolean;
    /** Whether to show the image @default true */
    showImage?: boolean;
    /** Called when the action button is clicked */
    onButtonClick?: () => void;
    /** Called when the banner itself is clicked (optional) */
    onBannerClick?: () => void;
    /** Visual variant of the banner @default 'default' */
    variant?: 'default' | 'info' | 'success' | 'warning' | 'error';
}
declare const Banner: import("svelte").Component<Props, {}, "">;
type Banner = ReturnType<typeof Banner>;
export default Banner;
//# sourceMappingURL=Banner.svelte.d.ts.map