nice-ui
Version:
React design system, components, and utilities
36 lines (35 loc) • 1.39 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const Chessboard_1 = require("../../components/chess/Chessboard");
const MarkdownBlock_1 = require("../../util/MarkdownBlock");
const nano_theme_1 = require("nano-theme");
const MarkdownFullWidthBlock_1 = require("../../util/MarkdownFullWidthBlock");
const { useState } = React;
const blockClass = (0, nano_theme_1.rule)({
cur: 'pointer',
});
const wrapClass = (0, nano_theme_1.rule)({
mar: '0 auto',
pad: '16px 32px',
});
const FullWidthFenBlock = (props) => {
const { idx, layout } = props;
const [full, setFull] = useState(false);
const theme = (0, nano_theme_1.useTheme)();
const blockStyle = {};
if (full) {
blockStyle.background = theme.isLight ? theme.g(0.08) : theme.g(0.96);
}
const wrapStyle = {
maxWidth: full ? 600 : 300,
};
if (full) {
wrapStyle.padding = '32px';
}
return (React.createElement(MarkdownFullWidthBlock_1.default, { full: true },
React.createElement(MarkdownBlock_1.default, { idx: idx, className: blockClass, style: blockStyle, onClick: () => setFull((f) => !f) },
React.createElement("div", { className: wrapClass, style: wrapStyle },
React.createElement(Chessboard_1.default, { ...layout })))));
};
exports.default = FullWidthFenBlock;