hd-awesome-app/dist/layout/Layout.js

A React project with professional components for e-commerce websites

import React from "react";
import { Link, Outlet } from "react-router-dom";
const Layout = () => {
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("nav", {
    className: "bg-blue-500 p-4 text-white"
  }, /*#__PURE__*/React.createElement("ul", {
    className: "flex space-x-4"
  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    to: "/",
    className: "hover:underline"
  }, "Home")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    to: "/about",
    className: "hover:underline"
  }, "About")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, {
    to: "/contact-us",
    className: "hover:underline"
  }, "Contact Us")))), /*#__PURE__*/React.createElement("main", {
    className: "p-4"
  }, /*#__PURE__*/React.createElement(Outlet, null)));
};
export default Layout;