Quotes.tsx

export function BlockQuote({text, cite}: {text: string; cite: string}){
    return(
        <div className="blockquote-wrapper">
            <div className="blockquote">
                <h2 className="block-h2">
                    {text}
                </h2>
                <h4 className="block-h4"><em>{cite}</em></h4>
            </div>
            </div>
    )
}

export function BlockQuoteB({text, cite, id}: {text: string; cite: string, id?: string}){
    if (id){
        let h = "#" + {id}
        return(
            <div className="blockquote-wrapper">
                <div className="blockquotex">
                    <h2 className="block-h2">
                        {text}
                    </h2>
                    <h4 className="block-h4"><em>{cite}</em> <a href={h}><sup>{id}</sup></a></h4>
                </div>
            </div>
        )  
    }
    else{
        return(
            <div className="blockquote-wrapper">
                <div className="blockquotex">
                    <h2>
                        {text}
                    </h2>
                    <h4><em>{cite}</em></h4>
                </div>
                </div>
        )
    }
    
}


/* <span>Winston Churchill</span>
  <blockquote>
    <p><i>&ldquo;Success consists of going from failure to failure without loss of enthusiasm.&rdquo; </i></p>
  </blockquote> */