import React, {createElement, ReactNode} from 'react';

interface TypographyProps extends React.CSSProperties {
    children?: ReactNode
    tag: 'h1' | 'h2' |  'h3' | 'p' | 'span' | 'h4'
    className?: string
}

const Typography = ({children, tag, className="", ...style}: TypographyProps) => {

    const props = {
        className: className,
        style: style
    }

    return createElement(tag, props, children);
}

export default Typography;