@protonradio/proton-ui 0.3.3-beta1 → 0.3.3-beta3

package/dist/proton-ui.es.d.ts

@@ -46,29 +46,60 @@ export declare const BadgeVariants: {
 };
 
 export declare const Banner: {
-    ({ variant, children, ...props }: BannerProps): JSX_2.Element;
-    Title: ({ children, ...props }: BannerProps) => JSX_2.Element;
-    Content: ({ children, ...props }: BannerProps) => JSX_2.Element;
+    ({ variant, rounded, icon, iconCentered, children, ...props }: BannerProps): JSX_2.Element;
+    Title: ({ children, ...props }: {
+        children: ReactNode;
+    }) => JSX_2.Element;
+    Content: ({ children, ...props }: {
+        children: ReactNode;
+    }) => JSX_2.Element;
+    Icon: ({ children, icon, iconCentered, ...props }: BannerIconProps) => JSX_2.Element;
     Colors: Record<BannerVariant, {
         background: string;
         title: string;
         content: string;
         icon: string;
     }>;
+    Icons: {
+        success: JSX_2.Element;
+        warning: JSX_2.Element;
+        danger: JSX_2.Element;
+    };
 };
 
-declare interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
+declare interface BannerIconProps {
+    /**
+     * The icon to display in the banner.
+     * Can be a boolean to conditionally show or hide,
+     * or a ReactNode to provide a custom icon.
+     */
+    icon?: boolean | ReactNode;
+    /**
+     * Center the icon in the banner.
+     */
+    iconCentered?: boolean;
+    /**
+     * Optional custom icon or children for the icon area.
+     */
+    children?: ReactNode;
+}
+
+declare interface BannerProps extends BannerIconProps, React.HTMLAttributes<HTMLDivElement> {
     /**
      * The banners visual aesthetic.
      */
     variant?: BannerVariant;
+    /**
+     * Round the corners of the banner.
+     */
+    rounded?: boolean;
     /**
      * The content to display within the banner.
      */
     children: ReactNode;
 }
 
-declare type BannerVariant = "default" | "success" | "warning" | "danger";
+export declare type BannerVariant = "default" | "success" | "warning" | "danger";
 
 export declare const BRAND: {
     PRIMARY: string;