import React from "react";
const Header = (props) => {
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: props.className ||
                "relative flex h-16 justify-between bg-white shadow-sm px-4" },
            React.createElement("div", { className: "relative z-20 flex items-center" }, props.leftComponents),
            props.centerComponents && (React.createElement("div", { className: "relative z-0 flex flex-1 items-center justify-center px-2 sm:absolute sm:inset-0" }, props.centerComponents)),
            React.createElement("div", { className: "hidden lg:relative lg:z-10 lg:ml-4 lg:flex lg:items-center lg:gap-2" }, props.rightComponents))));
};
export default Header;
//# sourceMappingURL=Header.js.map