mirror of
https://github.com/SomboChea/ui
synced 2024-09-28 20:37:47 +07:00
b56e43846b
* refactor(162): added forwardRef Card * refactor(162): introduced forwardRefDivider * refactor(162): introduced forwardRef MuiComponents * refactor(162): introducing forwardRef * refactor(162): introduced forwardRef * refactor(162): introduced forwardRef * fix(162): fixed link * fix: fixed port number * fix: fixed duplicated id * fix: fixed ref iconbutton * fix: updated snaps * fix: fixed port * fix: fixed eslint errors * fix: the item should be a button * fix: fixed eslint errors
21 lines
661 B
TypeScript
21 lines
661 B
TypeScript
import React, { forwardRef } from 'react';
|
|
import { default as MaterialUITypography, TypographyProps } from '@material-ui/core/Typography';
|
|
|
|
type TextType = 'subtitle1' | 'subtitle2' | 'body1' | 'body2';
|
|
type TextRef = HTMLElementTagNameMap[keyof HTMLElementTagNameMap];
|
|
|
|
export interface TextProps extends Omit<TypographyProps, 'variant'> {
|
|
variant?: TextType;
|
|
}
|
|
|
|
// The reference is already from type of the Component, so the any below is not a problem
|
|
const Text = forwardRef<TextRef, TextProps>(function Text(props, ref) {
|
|
return <MaterialUITypography {...props} ref={ref} />;
|
|
});
|
|
|
|
Text.defaultProps = {
|
|
variant: 'subtitle1',
|
|
};
|
|
|
|
export default Text;
|