@udus/notion-renderer
Version:
9 lines (8 loc) • 862 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Checkbox } from "../Common/Checkbox.js";
import { RichText } from "../RichText/RichText.js";
import { BlockList } from "./BlockList.js";
export const ToDo = ({ block }) => {
const { checked } = block.to_do;
return (_jsxs("div", { id: block.id, className: `notion-block notion-to-do notion-color-${block.to_do.color}`, children: [_jsxs("div", { className: "notion-to-do-content", children: [_jsx("span", { className: "notion-to-do-icon", children: _jsx(Checkbox, { checked: checked }) }), _jsx("span", { className: `notion-to-do-text ${checked ? "checked" : ""}`, children: _jsx(RichText, { richText: block.to_do.rich_text }) })] }), block.to_do.children && (_jsx("div", { className: "notion-to-do-children", children: _jsx(BlockList, { blocks: block.to_do.children }) }))] }));
};