headings.tsx

export function H1({text}:{text: string}){
    return(
    <div className="row">
        <svg width="100%" height="100%">
        <text x="0%" y="60%">
        {text}
        </text>
    </svg>
    </div>
    )
}

export function H2({text}:{text: string}){
    return(
        <div>
            <h2>{text}</h2>
            <hr/>
        </div>
        
    )
}

export default H1;