Banner

import { type HTMLAttributes, type ReactNode } from 'react';

export type BannerTone = 'primary' | 'secondary' | 'destructive';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

export type BannerProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & DataAttributes & {
    actions?: ReactNode;
    label: ReactNode;
    tone?: BannerTone;
};

export declare const Banner: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "color" | "children"> & DataAttributes & {
    actions?: ReactNode;
    label: ReactNode;
    tone?: BannerTone;
} & import("react").RefAttributes<HTMLDivElement>>;