import Image from "../Image";

const Logos = ({ className }) => (
    <div className={className}>
        <h5 className="tagline mb-6 text-center text-n-1/50">
            Helping people create beautiful content at
        </h5>
        <ul className="flex">
            <li className="flex items-center justify-center flex-1 h-[8.5rem]">
                <Image
                    src="/images/yourlogo.svg"
                    width={134}
                    height={28}
                    alt="Logo 3"
                />
            </li>
            <li className="flex items-center justify-center flex-1 h-[8.5rem]">
                <Image
                    src="/images/yourlogo.svg"
                    width={134}
                    height={28}
                    alt="Logo 3"
                />
            </li>
            <li className="flex items-center justify-center flex-1 h-[8.5rem]">
                <Image
                    src="/images/yourlogo.svg"
                    width={134}
                    height={28}
                    alt="Logo 3"
                />
            </li>
            <li className="flex items-center justify-center flex-1 h-[8.5rem]">
                <Image
                    src="/images/yourlogo.svg"
                    width={134}
                    height={28}
                    alt="Logo 3"
                />
            </li>
            <li className="flex items-center justify-center flex-1 h-[8.5rem]">
                <Image
                    src="/images/yourlogo.svg"
                    width={134}
                    height={28}
                    alt="Logo 3"
                />
            </li>
        </ul>
    </div>
);

export default Logos;