You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
949 B
35 lines
949 B
import * as React from 'react';
|
|
import { tupleNum } from '../_util/type';
|
|
import warning from '../_util/warning';
|
|
import type { BlockProps } from './Base';
|
|
import Base from './Base';
|
|
|
|
const TITLE_ELE_LIST = tupleNum(1, 2, 3, 4, 5);
|
|
|
|
export type TitleProps = Omit<
|
|
BlockProps & {
|
|
level?: typeof TITLE_ELE_LIST[number];
|
|
onClick?: (e?: React.MouseEvent<HTMLDivElement>) => void;
|
|
},
|
|
'strong'
|
|
>;
|
|
|
|
const Title: React.ForwardRefRenderFunction<HTMLHeadingElement, TitleProps> = (props, ref) => {
|
|
const { level = 1, ...restProps } = props;
|
|
let component: string;
|
|
|
|
if (TITLE_ELE_LIST.indexOf(level) !== -1) {
|
|
component = `h${level}`;
|
|
} else {
|
|
warning(
|
|
false,
|
|
'Typography.Title',
|
|
'Title only accept `1 | 2 | 3 | 4 | 5` as `level` value. And `5` need 4.6.0+ version.',
|
|
);
|
|
component = 'h1';
|
|
}
|
|
|
|
return <Base ref={ref} {...restProps} component={component} />;
|
|
};
|
|
|
|
export default React.forwardRef(Title);
|
|
|