Spaces:
Sleeping
Sleeping
File size: 3,971 Bytes
56fda74 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 |
import * as React from 'react';
import { SxProps } from '@mui/system';
import { TypographyProps } from '../Typography';
import { OverridableComponent, OverrideProps } from '../OverridableComponent';
import { Theme } from '..';
import { CardHeaderClasses } from './cardHeaderClasses';
export interface CardHeaderOwnProps<
TitleTypographyComponent extends React.ElementType = 'span',
SubheaderTypographyComponent extends React.ElementType = 'span',
> {
/**
* 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<CardHeaderClasses>;
/**
* 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?: TypographyProps<
SubheaderTypographyComponent,
{
component?: SubheaderTypographyComponent;
}
>;
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx?: SxProps<Theme>;
/**
* The content of the component.
*/
title?: React.ReactNode;
/**
* These props will be forwarded to the title
* (as long as disableTypography is not `true`).
*/
titleTypographyProps?: TypographyProps<
TitleTypographyComponent,
{
component?: TitleTypographyComponent;
}
>;
}
export interface CardHeaderTypeMap<
AdditionalProps = {},
RootComponent extends React.ElementType = 'div',
TitleTypographyComponent extends React.ElementType = 'span',
SubheaderTypographyComponent extends React.ElementType = 'span',
> {
props: AdditionalProps &
CardHeaderOwnProps<TitleTypographyComponent, SubheaderTypographyComponent>;
defaultComponent: RootComponent;
}
/**
*
* Demos:
*
* - [Card](https://mui.com/material-ui/react-card/)
*
* API:
*
* - [CardHeader API](https://mui.com/material-ui/api/card-header/)
*/
declare const CardHeader: OverridableCardHeader;
export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
<
RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
AdditionalProps = {},
TitleTypographyComponent extends React.ElementType = 'span',
SubheaderTypographyComponent extends React.ElementType = 'span',
>(
props: CardHeaderPropsWithComponent<
RootComponent,
AdditionalProps,
TitleTypographyComponent,
SubheaderTypographyComponent
>,
): React.JSX.Element;
}
export type CardHeaderProps<
RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
AdditionalProps = {},
TitleTypographyComponent extends React.ElementType = 'span',
SubheaderTypographyComponent extends React.ElementType = 'span',
> = OverrideProps<
CardHeaderTypeMap<
AdditionalProps,
RootComponent,
TitleTypographyComponent,
SubheaderTypographyComponent
>,
RootComponent
>;
export type CardHeaderPropsWithComponent<
RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'],
AdditionalProps = {},
TitleTypographyComponent extends React.ElementType = 'span',
SubheaderTypographyComponent extends React.ElementType = 'span',
> = {
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component?: RootComponent;
} & CardHeaderProps<
RootComponent,
AdditionalProps,
TitleTypographyComponent,
SubheaderTypographyComponent
>;
export default CardHeader;
|