import React from 'react';
import type { IconName } from '@coinbase/cds-icons';
import type { Polymorphic } from '../core/polymorphism';
import { type HStackDefaultElement, type HStackProps } from '../layout/HStack';
export type SectionHeaderBaseProps = {
  /** Text or ReactNode to be displayed in Title */
  title: React.ReactNode;
  start?: React.ReactNode;
  icon?: Exclude<React.ReactNode, 'string'> | IconName;
  /** Whether the icon is active */
  iconActive?: boolean;
  /** ReactNode or IconName to present balances wherever it is necessary */
  balance?: React.ReactNode;
  /** ReactNode to display up to 2 lines of copy that frames the section's purpose and relevance */
  description?: React.ReactNode;
  end?: React.ReactNode;
};
export type SectionHeaderProps = Polymorphic.ExtendableProps<
  HStackProps<HStackDefaultElement>,
  SectionHeaderBaseProps
>;
export declare const SectionHeader: React.MemoExoticComponent<
  React.ForwardRefExoticComponent<
    Omit<SectionHeaderProps, 'ref'> & React.RefAttributes<HTMLDivElement>
  >
>;
//# sourceMappingURL=SectionHeader.d.ts.map