nice-ui
Version:
React design system, components, and utilities
25 lines (24 loc) • 895 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconCard = void 0;
const React = require("react");
const context_1 = require("../context");
const Paper_1 = require("../../../../../../4-card/Paper");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
d: 'flex',
jc: 'center',
ai: 'center',
w: '64px',
h: '64px',
});
const imgClass = (0, nano_theme_1.rule)({
w: '16px',
h: '16px',
});
const IconCard = ({ set, icon }) => {
const state = (0, context_1.useIconsGrid)();
return (React.createElement(Paper_1.default, { as: 'button', className: blockClass, hover: true, hoverElevate: true, fill: 1, noOutline: true, onClick: () => state.select(set, icon) },
React.createElement("img", { className: imgClass, src: state.href(set, icon), alt: icon })));
};
exports.IconCard = IconCard;