mirror of
https://github.com/SomboChea/ui
synced 2024-06-26 21:15:32 +07:00
a8deeb9b9d
* refactor: introduced forwardref * refacttor: updated ref's * fix: fixed func's name * fix: fixed snapshots * fix: updated snap
20 lines
528 B
TypeScript
20 lines
528 B
TypeScript
import React, { forwardRef } from 'react';
|
|
import { default as MaterialUITypography, TypographyProps } from '@material-ui/core/Typography';
|
|
|
|
type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
type HeadingRef = HeadingType;
|
|
|
|
interface Props extends Omit<TypographyProps, 'variant'> {
|
|
variant?: HeadingType;
|
|
}
|
|
|
|
const Heading = forwardRef<HeadingRef, Props>(function Heading(props, ref) {
|
|
return <MaterialUITypography {...props} ref={ref} />;
|
|
});
|
|
|
|
Heading.defaultProps = {
|
|
variant: 'h6',
|
|
};
|
|
|
|
export default Heading;
|