import * as React from 'react'; import { OverridableStringUnion } from '@material-ui/types'; import { PropTypes } from '..'; import { OverridableComponent, OverrideProps } from '../OverridableComponent'; export interface ChipPropsVariantOverrides {} export type ChipVariantDefaults = Record<'filled' | 'outlined', true>; export interface ChipTypeMap
{
props: P & {
/**
* Avatar element.
*/
avatar?: React.ReactElement;
/**
* This prop isn't supported.
* Use the `component` prop if you need to change the children structure.
*/
children?: null;
/**
* Override or extend the styles applied to the component.
*/
classes?: {
/** Styles applied to the root element. */
root?: string;
/** Styles applied to the root element if `size="small"`. */
sizeSmall?: string;
/** Styles applied to the root element if `color="primary"`. */
colorPrimary?: string;
/** Styles applied to the root element if `color="secondary"`. */
colorSecondary?: string;
/** Pseudo-class applied to the root element if `disabled={true}`. */
disabled?: string;
/** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
clickable?: string;
/** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
clickableColorPrimary?: string;
/** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
clickableColorSecondary?: string;
/** Styles applied to the root element if `onDelete` is defined. */
deletable?: string;
/** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
deletableColorPrimary?: string;
/** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
deletableColorSecondary?: string;
/** Styles applied to the root element if `variant="outlined"`. */
outlined?: string;
/** Styles applied to the root element if `variant="filled"`. */
filled?: string;
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
outlinedPrimary?: string;
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
outlinedSecondary?: string;
/** Styles applied to the `avatar` element. */
avatar?: string;
/** Styles applied to the `avatar` element if `size="small"`. */
avatarSmall?: string;
/** Styles applied to the `avatar` element if `color="primary"`. */
avatarColorPrimary?: string;
/** Styles applied to the `avatar` element if `color="secondary"`. */
avatarColorSecondary?: string;
/** Styles applied to the `icon` element. */
icon?: string;
/** Styles applied to the `icon` element if `size="small"`. */
iconSmall?: string;
/** Styles applied to the `icon` element if `color="primary"`. */
iconColorPrimary?: string;
/** Styles applied to the `icon` element if `color="secondary"`. */
iconColorSecondary?: string;
/** Styles applied to the label `span` element. */
label?: string;
/** Styles applied to the label `span` element if `size="small"`. */
labelSmall?: string;
/** Styles applied to the `deleteIcon` element. */
deleteIcon?: string;
/** Styles applied to the `deleteIcon` element if `size="small"`. */
deleteIconSmall?: string;
/** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
deleteIconColorPrimary?: string;
/** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
deleteIconColorSecondary?: string;
/** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
deleteIconOutlinedColorPrimary?: string;
/** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
deleteIconOutlinedColorSecondary?: string;
/** Pseudo-class applied to the root element if keyboard focused. */
focusVisible?: string;
};
/**
* If `true`, the chip will appear clickable, and will raise when pressed,
* even if the onClick prop is not defined.
* If false, the chip will not be clickable, even if onClick prop is defined.
* This can be used, for example,
* along with the component prop to indicate an anchor Chip is clickable.
*/
clickable?: boolean;
/**
* The color of the component. It supports those theme colors that make sense for this component.
* @default 'default'
*/
color?: Exclude