import React from 'react';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import type {
  BannerStyleVariant,
  BannerVariant,
  IconName,
  SharedProps,
} from '@coinbase/cds-common/types';
import { type HStackDefaultElement, type HStackProps } from '../layout';
import type { ResponsiveProps, StaticStyleProps } from '../styles/styleProps';
export declare const contentResponsiveConfig: ResponsiveProps<StaticStyleProps>['flexDirection'];
export type BannerBaseProps = SharedProps & {
  /** Sets the variant of the banner - which is responsible for foreground and background color assignment */
  variant: BannerVariant;
  /** Name of icon to be shown in the banner */
  startIcon: IconName;
  /** Whether the start icon is active */
  startIconActive?: boolean;
  /** Provide a CDS Link component to be used as a primary action. It will inherit colors depending on the provided variant */
  primaryAction?: React.ReactNode;
  /** Provide a CDS Link component to be used as a secondary action. It will inherit colors depending on the provided tone */
  secondaryAction?: React.ReactNode;
  /** Title of banner. Indicates the intent of this banner */
  title?: React.ReactNode;
  /** Message of banner */
  children?: React.ReactNode;
  /**
   * Determines whether banner can be dismissed or not. Banner is not dismisable when styleVariant is set to global.
   * @default true
   * */
  showDismiss?: boolean;
  /** A callback fired when banner is dismissed */
  onClose?: () => void;
  /** Indicates the max number of lines after which body text will be truncated */
  numberOfLines?: number;
  /** Use for supplemental data */
  label?: React.ReactNode;
  /**
   * Determines the banner style and indicates the suggested positioning for the banner
   * @default 'contextual'
   * */
  styleVariant?: BannerStyleVariant;
  /** Accessibility label for start icon on the banner */
  startIconAccessibilityLabel?: string;
  /** Accessibility label for close button on the banner
   * @default 'close'
   */
  closeAccessibilityLabel?: string;
  /**
   * Determines whether banner has a border or not
   * @default true
   * */
  bordered?: boolean;
  /**
   * Determines banner's border radius
   * @default 400 for contextual, undefined for global and inline
   * */
  borderRadius?: ThemeVars.BorderRadius;
};
export type BannerProps = BannerBaseProps &
  Omit<HStackProps<HStackDefaultElement>, 'children' | 'title'>;
export declare const Banner: React.MemoExoticComponent<
  React.ForwardRefExoticComponent<Omit<BannerProps, 'ref'> & React.RefAttributes<HTMLDivElement>>
>;
//# sourceMappingURL=Banner.d.ts.map