1 files changed, 35 insertions, 0 deletions
diff --git a/src/theme_builder/components/properties/ThicknessPropertyEditor.h b/src/theme_builder/components/properties/ThicknessPropertyEditor.h
new file mode 100644
index 00000000..62157b6f
--- /dev/null
+++ b/src/theme_builder/components/properties/ThicknessPropertyEditor.h
@@ -0,0 +1,35 @@
+#pragma once
+#include "cru/ui/components/Component.h"
+#include "cru/ui/controls/FlexLayout.h"
+#include "cru/ui/controls/TextBlock.h"
+#include "cru/ui/controls/TextBox.h"
+
+namespace cru::theme_builder::components::properties {
+class ThicknessPropertyEditor : public ui::components::Component {
+ public:
+  ThicknessPropertyEditor();
+  ~ThicknessPropertyEditor() override;
+
+  ui::controls::Control* GetRootControl() override { return &container_; }
+
+  String GetLabel() const { return label_.GetText(); }
+  void SetLabel(String label) { label_.SetText(std::move(label)); }
+
+  ui::Thickness GetThickness() const { return thickness_; }
+  void SetThickness(const ui::Thickness& thickness);
+
+  IEvent<ui::Thickness>* ThicknessChangeEvent() {
+    return &thickness_change_event_;
+  }
+
+ private:
+  ui::Thickness thickness_;
+
+  ui::controls::FlexLayout container_;
+  ui::controls::TextBlock label_;
+  ui::controls::TextBox text_;
+  bool is_text_valid_;
+
+  Event<ui::Thickness> thickness_change_event_;
+};
+}  // namespace cru::theme_builder::components::properties