@xyo-network/react-footer 2.25.73 → 2.25.74

package/dist/cjs/Footer.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
+import { ContainerProps } from '@mui/material';
+import { GridProps } from '@mui/system';
 import { FlexBoxProps } from '@xylabs/react-flexbox';
 export interface FooterProps extends FlexBoxProps {
     dynamicHeight?: boolean;
     footerHtmlElement?: boolean;
+    container?: ContainerProps['maxWidth'] | 'none';
 }
+export declare const FooterLinks: React.FC<GridProps>;
 export declare const Footer: React.FC<FooterProps>;

package/dist/cjs/Footer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = void 0;
+exports.Footer = exports.FooterLinks = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
@@ -13,15 +13,19 @@ const NetworkLinks_1 = require("./NetworkLinks");
 const SocialLinks_1 = require("./SocialLinks");
 const SupportLinks_1 = require("./SupportLinks");
 const XyoTokens_1 = require("./XyoTokens");
+const FooterLinks = (props) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, justifyContent: "space-between", alignItems: "flex-start" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 2 }, { children: (0, jsx_runtime_1.jsx)(SocialLinks_1.SocialLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(NetworkLinks_1.NetworkLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(XyoTokens_1.XyoTokens, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(DeveloperLinks_1.DeveloperLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(MoreLinks_1.MoreLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(SupportLinks_1.SupportLinks, { alignItems: "flex-start" }) }))] })));
+};
+exports.FooterLinks = FooterLinks;
 const Footer = (_a) => {
-    var { dynamicHeight = false } = _a, props = tslib_1.__rest(_a, ["dynamicHeight"]);
+    var { container, dynamicHeight = false } = _a, props = tslib_1.__rest(_a, ["container", "dynamicHeight"]);
     const [more, setMore] = (0, react_1.useState)(false);
     const onMore = () => {
         setMore(!more);
     };
     return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ onMouseLeave: () => {
             setMore(false);
-        }, alignItems: "stretch" }, props, { children: [more || !dynamicHeight ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "flex-start" }, { children: (0, jsx_runtime_1.jsx)(material_1.Container, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, justifyContent: "space-between", alignItems: "flex-start" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 2 }, { children: (0, jsx_runtime_1.jsx)(SocialLinks_1.SocialLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(NetworkLinks_1.NetworkLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(XyoTokens_1.XyoTokens, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(DeveloperLinks_1.DeveloperLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(MoreLinks_1.MoreLinks, { alignItems: "flex-start" }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 6, md: 2 }, { children: (0, jsx_runtime_1.jsx)(SupportLinks_1.SupportLinks, { alignItems: "flex-start" }) }))] })) }) }))) : null, (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, { children: (0, jsx_runtime_1.jsx)(material_1.Container, { children: (0, jsx_runtime_1.jsx)(Copyright_1.Copyright, { onMore: onMore }) }) })] })));
+        }, alignItems: "stretch" }, props, { children: [more || !dynamicHeight ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "flex-start" }, { children: container && container !== 'none' ? ((0, jsx_runtime_1.jsx)(material_1.Container, { children: (0, jsx_runtime_1.jsx)(exports.FooterLinks, {}) })) : ((0, jsx_runtime_1.jsx)(exports.FooterLinks, {})) }))) : null, (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, { children: container && container !== 'none' ? ((0, jsx_runtime_1.jsx)(material_1.Container, { children: (0, jsx_runtime_1.jsx)(Copyright_1.Copyright, { onMore: onMore }) })) : ((0, jsx_runtime_1.jsx)(Copyright_1.Copyright, { onMore: onMore })) })] })));
 };
 exports.Footer = Footer;
 //# sourceMappingURL=Footer.js.map

package/dist/cjs/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,yDAAsE;AACtE,iCAAgC;AAEhC,2CAAuC;AACvC,qDAAiD;AACjD,2CAAuC;AACvC,iDAA6C;AAC7C,+CAA2C;AAC3C,iDAA6C;AAC7C,2CAAuC;AAOhC,MAAM,MAAM,GAA0B,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,aAAa,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAjC,iBAAmC,CAAF;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,CAAA;IACD,OAAO,CACL,wBAAC,uBAAO,kBACN,YAAY,EAAE,GAAG,EAAE;YACjB,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EACD,UAAU,EAAC,SAAS,IAChB,KAAK,eAER,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACxB,uBAAC,uBAAO,kBAAC,UAAU,EAAC,YAAY,gBAC9B,uBAAC,oBAAS,cACR,wBAAC,eAAI,kBAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,iBACpE,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,yBAAW,IAAC,UAAU,EAAC,YAAY,GAAG,IAClC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,2BAAY,IAAC,UAAU,EAAC,YAAY,GAAG,IACnC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,qBAAS,IAAC,UAAU,EAAC,YAAY,GAAG,IAChC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,+BAAc,IAAC,UAAU,EAAC,YAAY,GAAG,IACrC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,qBAAS,IAAC,UAAU,EAAC,YAAY,GAAG,IAChC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,2BAAY,IAAC,UAAU,EAAC,YAAY,GAAG,IACnC,KACF,GACG,IACJ,CACX,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,uBAAO,cACN,uBAAC,oBAAS,cACR,uBAAC,qBAAS,IAAC,MAAM,EAAE,MAAM,GAAI,GACnB,GACJ,KACF,CACX,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,MAAM,UA8ClB"}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAE/D,yDAAsE;AACtE,iCAAgC;AAEhC,2CAAuC;AACvC,qDAAiD;AACjD,2CAAuC;AACvC,iDAA6C;AAC7C,+CAA2C;AAC3C,iDAA6C;AAC7C,2CAAuC;AAQhC,MAAM,WAAW,GAAwB,CAAC,KAAK,EAAE,EAAE;IACxD,OAAO,CACL,wBAAC,eAAI,kBAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,IAAK,KAAK,eAC9E,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,yBAAW,IAAC,UAAU,EAAC,YAAY,GAAG,IAClC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,2BAAY,IAAC,UAAU,EAAC,YAAY,GAAG,IACnC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,qBAAS,IAAC,UAAU,EAAC,YAAY,GAAG,IAChC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,+BAAc,IAAC,UAAU,EAAC,YAAY,GAAG,IACrC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,qBAAS,IAAC,UAAU,EAAC,YAAY,GAAG,IAChC,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACrB,uBAAC,2BAAY,IAAC,UAAU,EAAC,YAAY,GAAG,IACnC,KACF,CACR,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,WAAW,eAuBvB;AAEM,MAAM,MAAM,GAA0B,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,aAAa,GAAG,KAAK,OAAY,EAAP,KAAK,sBAA5C,8BAA8C,CAAF;IACxF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,CAAA;IACD,OAAO,CACL,wBAAC,uBAAO,kBACN,YAAY,EAAE,GAAG,EAAE;YACjB,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EACD,UAAU,EAAC,SAAS,IAChB,KAAK,eAER,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACxB,uBAAC,uBAAO,kBAAC,UAAU,EAAC,YAAY,gBAC7B,SAAS,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACnC,uBAAC,oBAAS,cACR,uBAAC,mBAAW,KAAG,GACL,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,mBAAW,KAAG,CAChB,IACO,CACX,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,uBAAO,cACL,SAAS,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACnC,uBAAC,oBAAS,cACR,uBAAC,qBAAS,IAAC,MAAM,EAAE,MAAM,GAAI,GACnB,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAC9B,GACO,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,MAAM,UAmClB"}

package/dist/esm/Footer.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
+import { ContainerProps } from '@mui/material';
+import { GridProps } from '@mui/system';
 import { FlexBoxProps } from '@xylabs/react-flexbox';
 export interface FooterProps extends FlexBoxProps {
     dynamicHeight?: boolean;
     footerHtmlElement?: boolean;
+    container?: ContainerProps['maxWidth'] | 'none';
 }
+export declare const FooterLinkSection: React.FC<GridProps>;
 export declare const Footer: React.FC<FooterProps>;

package/dist/esm/Footer.js

@@ -9,13 +9,16 @@ import { NetworkLinks } from './NetworkLinks';
 import { SocialLinks } from './SocialLinks';
 import { SupportLinks } from './SupportLinks';
 import { XyoTokens } from './XyoTokens';
-export const Footer = ({ dynamicHeight = false, ...props }) => {
+export const FooterLinkSection = (props) => {
+    return (_jsxs(Grid, { container: true, justifyContent: "space-between", alignItems: "flex-start", ...props, children: [_jsx(Grid, { item: true, xs: 12, md: 2, children: _jsx(SocialLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(NetworkLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoTokens, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(DeveloperLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(MoreLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(SupportLinks, { alignItems: "flex-start" }) })] }));
+};
+export const Footer = ({ container, dynamicHeight = false, ...props }) => {
     const [more, setMore] = useState(false);
     const onMore = () => {
         setMore(!more);
     };
     return (_jsxs(FlexCol, { onMouseLeave: () => {
             setMore(false);
-        }, alignItems: "stretch", ...props, children: [more || !dynamicHeight ? (_jsx(FlexRow, { alignItems: "flex-start", children: _jsx(Container, { children: _jsxs(Grid, { container: true, justifyContent: "space-between", alignItems: "flex-start", children: [_jsx(Grid, { item: true, xs: 12, md: 2, children: _jsx(SocialLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(NetworkLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoTokens, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(DeveloperLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(MoreLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(SupportLinks, { alignItems: "flex-start" }) })] }) }) })) : null, _jsx(FlexRow, { children: _jsx(Container, { children: _jsx(Copyright, { onMore: onMore }) }) })] }));
+        }, alignItems: "stretch", ...props, children: [more || !dynamicHeight ? (_jsx(FlexRow, { alignItems: "flex-start", children: container && container !== 'none' ? (_jsx(Container, { children: _jsx(FooterLinkSection, {}) })) : (_jsx(FooterLinkSection, {})) })) : null, _jsx(FlexRow, { children: container && container !== 'none' ? (_jsx(Container, { children: _jsx(Copyright, { onMore: onMore }) })) : (_jsx(Copyright, { onMore: onMore })) })] }));
 };
 //# sourceMappingURL=Footer.js.map

package/dist/esm/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,aAAa,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,CAAA;IACD,OAAO,CACL,MAAC,OAAO,IACN,YAAY,EAAE,GAAG,EAAE;YACjB,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EACD,UAAU,EAAC,SAAS,KAChB,KAAK,aAER,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACxB,KAAC,OAAO,IAAC,UAAU,EAAC,YAAY,YAC9B,KAAC,SAAS,cACR,MAAC,IAAI,IAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,aACpE,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACtB,KAAC,WAAW,IAAC,UAAU,EAAC,YAAY,GAAG,GAClC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,YAAY,IAAC,UAAU,EAAC,YAAY,GAAG,GACnC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,SAAS,IAAC,UAAU,EAAC,YAAY,GAAG,GAChC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,cAAc,IAAC,UAAU,EAAC,YAAY,GAAG,GACrC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,SAAS,IAAC,UAAU,EAAC,YAAY,GAAG,GAChC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,YAAY,IAAC,UAAU,EAAC,YAAY,GAAG,GACnC,IACF,GACG,GACJ,CACX,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,OAAO,cACN,KAAC,SAAS,cACR,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,GACnB,GACJ,IACF,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -79,6 +79,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.73",
+  "version": "2.25.74",
   "packageManager": "yarn@3.1.1"
 }

package/src/Footer.tsx

@@ -1,4 +1,5 @@
-import { Container, Grid } from '@mui/material'
+import { Container, ContainerProps, Grid } from '@mui/material'
+import { GridProps } from '@mui/system'
 import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import { useState } from 'react'
 
@@ -13,9 +14,35 @@ import { XyoTokens } from './XyoTokens'
 export interface FooterProps extends FlexBoxProps {
   dynamicHeight?: boolean
   footerHtmlElement?: boolean
+  container?: ContainerProps['maxWidth'] | 'none'
 }
 
-export const Footer: React.FC<FooterProps> = ({ dynamicHeight = false, ...props }) => {
+export const FooterLinkSection: React.FC<GridProps> = (props) => {
+  return (
+    <Grid container justifyContent="space-between" alignItems="flex-start" {...props}>
+      <Grid item xs={12} md={2}>
+        <SocialLinks alignItems="flex-start" />
+      </Grid>
+      <Grid item xs={6} md={2}>
+        <NetworkLinks alignItems="flex-start" />
+      </Grid>
+      <Grid item xs={6} md={2}>
+        <XyoTokens alignItems="flex-start" />
+      </Grid>
+      <Grid item xs={6} md={2}>
+        <DeveloperLinks alignItems="flex-start" />
+      </Grid>
+      <Grid item xs={6} md={2}>
+        <MoreLinks alignItems="flex-start" />
+      </Grid>
+      <Grid item xs={6} md={2}>
+        <SupportLinks alignItems="flex-start" />
+      </Grid>
+    </Grid>
+  )
+}
+
+export const Footer: React.FC<FooterProps> = ({ container, dynamicHeight = false, ...props }) => {
   const [more, setMore] = useState(false)
   const onMore = () => {
     setMore(!more)
@@ -30,34 +57,23 @@ export const Footer: React.FC<FooterProps> = ({ dynamicHeight = false, ...props
     >
       {more || !dynamicHeight ? (
         <FlexRow alignItems="flex-start">
-          <Container>
-            <Grid container justifyContent="space-between" alignItems="flex-start">
-              <Grid item xs={12} md={2}>
-                <SocialLinks alignItems="flex-start" />
-              </Grid>
-              <Grid item xs={6} md={2}>
-                <NetworkLinks alignItems="flex-start" />
-              </Grid>
-              <Grid item xs={6} md={2}>
-                <XyoTokens alignItems="flex-start" />
-              </Grid>
-              <Grid item xs={6} md={2}>
-                <DeveloperLinks alignItems="flex-start" />
-              </Grid>
-              <Grid item xs={6} md={2}>
-                <MoreLinks alignItems="flex-start" />
-              </Grid>
-              <Grid item xs={6} md={2}>
-                <SupportLinks alignItems="flex-start" />
-              </Grid>
-            </Grid>
-          </Container>
+          {container && container !== 'none' ? (
+            <Container>
+              <FooterLinkSection />
+            </Container>
+          ) : (
+            <FooterLinkSection />
+          )}
         </FlexRow>
       ) : null}
       <FlexRow>
-        <Container>
+        {container && container !== 'none' ? (
+          <Container>
+            <Copyright onMore={onMore} />
+          </Container>
+        ) : (
           <Copyright onMore={onMore} />
-        </Container>
+        )}
       </FlexRow>
     </FlexCol>
   )