<footer class="bg-gray-100">
    <div class="container mx-auto py-8">
        <div class="border-t border-gray-200 flex flex-col py-8 justify-center items-center">
            <svg
    xmlns="http://www.w3.org/2000/svg"
    class="h-8 w-8 text-gray-500 inline-block"
    fill="none"
    viewBox="0 0 24 24"
    stroke="currentColor"
    stroke-width="2"
>
    <path
        stroke-linecap="round"
        stroke-linejoin="round"
        d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
    />
</svg>
            <p class="block mt-4 text-gray-500 tracking-wide py-2 text-sm text-center">Copyright © 2022 Drycomponents Inc. All Right reserved.</p>
            <ul class="flex flex-wrap justify-center flex-row mt-8">
                <li><a class="block py-2 px-4 text-sm text-gray-500 font-semibold" href="javascript:void(0)">Privacy Policy</a></li>
                <li class="hidden md:block px-4 font-thin text-gray-400">|</li>
                <li><a class="block py-2 px-4 text-sm text-gray-500 font-semibold" href="javascript:void(0)">Terms & Conditions</a></li>
                <li class="hidden md:block px-4 font-thin text-gray-400">|</li>
                <li><a class="block py-2 px-4 text-sm text-gray-500 font-semibold" href="javascript:void(0)">Cookie Policy</a></li>
            </ul>
        </div>
    </div>
</footer>
                

                    const Footer = () => {
    return (
        <footer className="bg-gray-100">
            <div className="container mx-auto py-8">
                <div className="border-t border-gray-200 flex flex-col py-8 justify-center items-center">
                    <svg
                        xmlns="http://www.w3.org/2000/svg"
                        className="h-8 w-8 text-gray-500 inline-block"
                        fill="none"
                        viewBox="0 0 24 24"
                        stroke="currentColor"
                        strokeWidth={2}
                    >
                        <path
                            strokeLinecap="round"
                            strokeLinejoin="round"
                            d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
                        />
                    </svg>
                    <p className="block mt-4 text-gray-500 tracking-wide py-2 text-sm text-center">
                        Copyright © 2022 Drycomponents Inc. All Right reserved.
                    </p>
                    <ul className="flex flex-wrap justify-center flex-row mt-8">
                        <li>
                            <a
                                className="block py-2 px-4 text-sm text-gray-500 font-semibold"
                                href="javascript:void(0)"
                            >
                                Privacy Policy
                            </a>
                        </li>
                        <li className="hidden md:block px-4 font-thin text-gray-400">
                            |
                        </li>
                        <li>
                            <a
                                className="block py-2 px-4 text-sm text-gray-500 font-semibold"
                                href="javascript:void(0)"
                            >
                                Terms &amp; Conditions
                            </a>
                        </li>
                        <li className="hidden md:block px-4 font-thin text-gray-400">
                            |
                        </li>
                        <li>
                            <a
                                className="block py-2 px-4 text-sm text-gray-500 font-semibold"
                                href="javascript:void(0)"
                            >
                                Cookie Policy
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </footer>
    );
}

export default Footer;