Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | 1x 1x 1x 1x 1x 7x 7x 1x | /** @internal */
import CustomFileIcon, { type CustomFileIconProps } from '@/icons/CustomFileIcon';
import { FC } from 'react';
/** Props for {@link TDSIcon}: all {@link CustomFileIconProps} except the fixed `label`. */
export type TDSIconProps = Omit<CustomFileIconProps, 'label'>;
/**
* A Material-UI icon component that renders a Technical Data Sheet (TDS) document.
* Thin wrapper over {@link CustomFileIcon} with a white body and a blue "TDS" label; all
* colors and the optional `language` badge can still be overridden via props.
*
* @component
* @param props - {@link CustomFileIconProps} overrides (colors, `language`, SvgIcon props)
* @returns A React component that renders the TDS icon
* @example
* // Default white document, blue "TDS" label, with an English badge
* <TDSIcon fontSize="small" language="EN" />
* @source
*/
const TDSIcon: FC<TDSIconProps> = (props) => {
return <CustomFileIcon label="TDS" labelColor="#2f6fed" {...props} />;
};
export default TDSIcon;
|