bp_wb/frontend/components/base/Heading.tsx

15 lines
294 B
TypeScript

import React from 'react';
export interface HeadingProps {
text?: string;
level?: 1 | 2 | 3 | 4 | 5 | 6;
}
export const Heading: React.FC<HeadingProps> = ({
text = 'Heading',
level = 1,
}) => {
const Tag = `h${level}` as keyof JSX.IntrinsicElements;
return <Tag>{text}</Tag>;
};