next-web/src/components/Tagline.tsx

"use client";

import { bgColor, textColor } from './InfoCard'

interface TaglineProps {
    className?: string;
    bgColor: bgColor;
    textColor: textColor;
    textTop: string;
    textBottom: string;
}

const Tagline: React.FC<TaglineProps> = (
    {   className,
        bgColor,
        textColor,
        textTop,
        textBottom
     }
) => {

    return (
        <>
            <div className="flex flex-col justify-center items-center py-20">
                <div className="w-11/12 flex justify-start">
                    <div className="w-7/12 bg-britton-light text-center text-britton-dark text-7xl rounded-l-3xl rounded-t-3xl py-3 px-4 ml-30">
                        {textTop}
                    </div>
                    {/* <div className="w-5/12 bg-britton-light rounded-4xl">
                        <div>
                            
                        </div>
                    </div> */}
                </div>
                <div className="w-11/12 flex justify-end">
                    <div className="w-7/12 bg-britton-light text-center text-britton-dark text-7xl rounded-r-3xl rounded-b-3xl py-3 px-4 mr-30">
                        {textBottom}
                    </div>
                </div>
            </div>
        </>
    );
};

export default Tagline;