= (props) => {
const d = props.data;
const bbox = dilateBoundingBox(d.bbox, BBOX_DILATION);
const scale = props.scale || 1;
const [width, height] = getBoundingBoxSize(bbox);
return (
);
};
export const VocabularyPage: React.FC<{}> = () => {
const [stroke, setStroke] = useState("#000000");
const [fill, setFill] = useState("#ffffff");
const [showSpecs, setShowSpecs] = useState(false);
return (
<>
Mystic Symbolic Vocabulary
setStroke(e.target.value)}
id="stroke"
/>{" "}
setFill(e.target.value)}
id="fill"
/>{" "}
{SvgVocabulary.map((symbolData) => (
))}
>
);
};