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

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

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

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

    return createElement(tag, props, children);
}

export default Typography;