@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.05 kB
JavaScript
import{jsxs as t,jsx as r}from"react/jsx-runtime";import o from"@mui/material/Box";import i from"@mui/material/Typography";import e from"@mui/material/Link";import a from"@mui/material/Tooltip";import m from"@mui/material/Stack";import{styles as n}from"./Footer.styles.js";import{openLink as l}from"../util/functions/index.js";const s="NexusFooter",p=({copyright:p="",links:d=[],sx:c,children:f,...u})=>t(o,{...u,sx:[n.container,...Array.isArray(c)?c:[c]],children:[r(i,{"data-testid":"copyright",variant:"body2",children:p}),t(m,{direction:{xs:"column",md:"row"},sx:{mt:{xs:4,md:0}},spacing:{xs:2,md:8},children:[d.map((({title:t,href:o,"data-testid":m,...p})=>r(a,{title:t,followCursor:!0,placement:"top",arrow:!0,"data-testid":`${s}-tooltip-${t}`,className:`${s}-tooltip`,children:r(i,{"data-testid":m||"footerlink",underline:"none",variant:"body2",sx:n.link,href:o,component:e,onClick:t=>{t.preventDefault(),l(o)},target:"_blank",rel:"noopener noreferrer",...p,children:t},o)},`${s}-tooltip-${o}`))),f]})]});export{p as default,s as prefix};