@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 1.26 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Box"),r=require("@mui/material/Typography"),i=require("@mui/material/Link"),a=require("@mui/material/Tooltip"),o=require("@mui/material/Stack"),l=require("./Footer.styles.js"),n=require("../util/functions/index.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t),d=s(r),c=s(i),p=s(a),f=s(o);const m="NexusFooter";exports.default=({copyright:t="",links:r=[],sx:i,children:a,...o})=>e.jsxs(u.default,{...o,sx:[l.styles.container,...Array.isArray(i)?i:[i]],children:[e.jsx(d.default,{"data-testid":"copyright",variant:"body2",children:t}),e.jsxs(f.default,{direction:{xs:"column",md:"row"},sx:{mt:{xs:4,md:0}},spacing:{xs:2,md:8},children:[r.map((({title:t,href:r,"data-testid":i,...a})=>e.jsx(p.default,{title:t,followCursor:!0,placement:"top",arrow:!0,"data-testid":`${m}-tooltip-${t}`,className:`${m}-tooltip`,children:e.jsx(d.default,{"data-testid":i||"footerlink",underline:"none",variant:"body2",sx:l.styles.link,href:r,component:c.default,onClick:e=>{e.preventDefault(),n.openLink(r)},target:"_blank",rel:"noopener noreferrer",...a,children:t},r)},`${m}-tooltip-${r}`))),a]})]}),exports.prefix=m;