;
+ }
+
+ calcStyle() {
+ return {
+ color: this.value.color,
+ fontSize: this.value.size,
+ fontFamily: this.value.family,
+ fontWeight: this.value.weight ? "bold" : "normal",
+ textDecoration: this.value.underline ? "underline" : "none",
+ fontStyle: this.value.italic ? "italic" : "normal",
+ textShadow: `${this.value.shadowOffsetX}px ${this.value.shadowOffsetY}px ${this.value.shadowWidth}px ${this.value.shadowColor}`,
+ };
+ }
+
+ button: React.FC = () => {
+ const [showModal, setShowModal] = useState
();
+ const { t } = useTranslation();
+ const { updateConfig } = useContext(WidgetsContext);
+
+ function toggleModal() {
+ const classList = document.getElementById("root")?.classList;
+ if (classList?.contains("blured")) {
+ classList.remove("blured");
+ } else {
+ classList?.add("blured");
+ }
+ setShowModal((old) => !old);
+ }
+
+ return (
+ <>
+ {this.createFontImport()}
+
+
+
+
+
+
+ Это текст для демонстрации
+
+
+
+
-
+