1 files changed, 30 insertions, 0 deletions
diff --git a/src/theme_builder/components/StyleRuleEditor.h b/src/theme_builder/components/StyleRuleEditor.h
new file mode 100644
index 00000000..181ff0ef
--- /dev/null
+++ b/src/theme_builder/components/StyleRuleEditor.h
@@ -0,0 +1,30 @@
+#pragma once
+#include "cru/ui/components/Component.h"
+#include "cru/ui/controls/Control.h"
+#include "cru/ui/controls/FlexLayout.h"
+#include "cru/ui/style/StyleRule.h"
+
+namespace cru::theme_builder {
+class StyleRuleEditor : public ui::components::Component {
+ public:
+  StyleRuleEditor();
+
+  CRU_DELETE_COPY(StyleRuleEditor)
+  CRU_DELETE_MOVE(StyleRuleEditor)
+
+  ~StyleRuleEditor() override;
+
+ public:
+  ui::controls::Control* GetRootControl() override { return main_layout_; }
+
+  void BindStyleRule(ui::style::StyleRule* rule);
+
+ private:
+  void UpdateView();
+
+ private:
+  ui::controls::FlexLayout* main_layout_;
+
+  ui::style::StyleRule* style_rule_;
+};
+}  // namespace cru::theme_builder