import * as React from 'react'; import { ICardContextValue } from '../card-context'; import { IStyledComponentProps } from '../../styled'; import { ITextProps } from '../../text'; import { CardHeaderClasses } from './card-header-classes'; export type ICardHeaderProps = IStyledComponentProps<{ props: Partial & { /** * The action to display in the card header. */ action?: React.ReactNode; /** * The Avatar element to display. */ avatar?: React.ReactNode; /** * Override or extend the styles applied to the component. */ classes?: Partial; /** * If `true`, `subheader` and `title` won't be wrapped by a Typography component. * This can be useful to render an alternative Typography variant by wrapping * the `title` text, and optional `subheader` text * with the Typography component. * @default false */ disableTypography?: boolean; /** * The content of the component. */ subheader?: React.ReactNode; /** * These props will be forwarded to the subheader * (as long as disableTypography is not `true`). */ subheaderTypographyProps?: ITextProps; /** * The content of the component. */ title?: React.ReactNode; /** * These props will be forwarded to the title * (as long as disableTypography is not `true`). */ titleTypographyProps?: ITextProps; /** * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis. * * Note that text overflow can only happen with block or inline-block level elements * (the element needs to have a width in order to overflow). * @default false */ noWrap?: boolean; /** * The title is rendered with `role="heading"`. Since it's not a native `

`-`

` element, * screen readers need an explicit `aria-level` to announce its position in the heading hierarchy. * Set this to match the heading level the title represents in the surrounding page structure. * @default 2 */ titleAriaLevel?: number; }; defaultComponent: 'div'; }>; export declare const CardHeader: React.ForwardRefExoticComponent & { /** * The action to display in the card header. */ action?: React.ReactNode; /** * The Avatar element to display. */ avatar?: React.ReactNode; /** * Override or extend the styles applied to the component. */ classes?: Partial; /** * If `true`, `subheader` and `title` won't be wrapped by a Typography component. * This can be useful to render an alternative Typography variant by wrapping * the `title` text, and optional `subheader` text * with the Typography component. * @default false */ disableTypography?: boolean; /** * The content of the component. */ subheader?: React.ReactNode; /** * These props will be forwarded to the subheader * (as long as disableTypography is not `true`). */ subheaderTypographyProps?: ITextProps; /** * The content of the component. */ title?: React.ReactNode; /** * These props will be forwarded to the title * (as long as disableTypography is not `true`). */ titleTypographyProps?: ITextProps; /** * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis. * * Note that text overflow can only happen with block or inline-block level elements * (the element needs to have a width in order to overflow). * @default false */ noWrap?: boolean; /** * The title is rendered with `role="heading"`. Since it's not a native `

`-`

` element, * screen readers need an explicit `aria-level` to announce its position in the heading hierarchy. * Set this to match the heading level the title represents in the surrounding page structure. * @default 2 */ titleAriaLevel?: number; } & Omit, HTMLDivElement>, "title" | "ref" | "action" | "size" | "classes" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps" | "noWrap" | "titleAriaLevel"> & import("../../styled").IStyledCommonProps & React.RefAttributes>;