hd-awesome-app
Version:
A React project with professional components for e-commerce websites
21 lines • 932 B
JavaScript
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;