nice-ui
Version:
React design system, components, and utilities
53 lines (52 loc) • 1.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FooterSection = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const sectionClass = (0, nano_theme_1.rule)({
pad: '36px 0 0',
w: '190px',
});
const sectionHeadingClass = (0, nano_theme_1.rule)({
...nano_theme_1.theme.font.ui2.bold,
fz: '10px',
col: nano_theme_1.theme.g(0.5),
textTransform: 'uppercase',
});
const sectionListClass = (0, nano_theme_1.rule)({
listStyle: 'none',
pad: '14px 0 0',
mar: 0,
li: {
...nano_theme_1.theme.font.ui2.mid,
fw: 500,
d: 'flex',
fz: '14px',
h: '36px',
alignItems: 'center',
p: {
pad: 0,
mar: 0,
a: {
pad: '3px 0',
col: nano_theme_1.theme.g(0.3),
bdb: '1px solid transparent',
'&:hover': {
col: nano_theme_1.theme.g(0.1),
bdb: `1px solid ${nano_theme_1.theme.g(0.7)}`,
},
},
},
[`@media (max-width: ${nano_theme_1.m2}px)`]: {
h: '24px',
},
},
});
const FooterSection = ({ title, children }) => {
const list = children instanceof Array ? children : [children];
return (React.createElement("div", { className: sectionClass },
React.createElement("div", { className: sectionHeadingClass }, title),
React.createElement("ul", { className: sectionListClass }, list.map((child, i) => (React.createElement("li", { key: i },
React.createElement("p", null, child)))))));
};
exports.FooterSection = FooterSection;