import UILink from "../Link/Link";
import React from "react";
const Footer = (props) => {
    return (React.createElement(React.Fragment, null,
        React.createElement("footer", { className: props.className || "bg-gray-50/50 border-t border-gray-100 min-h-16", style: props.style },
            React.createElement("div", { className: "mx-auto w-full py-6 px-6 md:flex md:items-center md:justify-between lg:px-8" },
                React.createElement("div", { className: "flex flex-col space-y-3 md:flex-row md:justify-center md:items-center md:space-y-0 md:space-x-8 md:order-2" }, props.links &&
                    props.links.length > 0 &&
                    props.links.map((link, i) => {
                        if (link.content) {
                            return (React.createElement("div", { key: i, className: "text-gray-500 text-sm text-center md:text-left transition-colors duration-200" }, link.content));
                        }
                        if (!link.title) {
                            return React.createElement(React.Fragment, { key: i });
                        }
                        return (React.createElement(UILink, { key: i, className: "text-gray-500 hover:text-gray-700 text-sm font-medium text-center md:text-left transition-colors duration-200", to: link.to, openInNewTab: link.openInNewTab, onClick: link.onClick }, link.title));
                    })),
                React.createElement("div", { className: "mt-5 md:order-1 md:mt-0 block md:hidden lg:block" }, props.copyright && (React.createElement("p", { className: "text-center text-sm text-gray-400" },
                    "\u00A9 ",
                    props.copyright)))))));
};
export default Footer;
//# sourceMappingURL=Footer.js.map