feat: Add Icon Selector Widget

src/default/CategoryLayoutRenderer.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+const CategoryLayoutRenderer = (props) => {
+  const { categoryContent, resultsContent } = props;
+  return (
+    <div>
+      <h3 className="name">{categoryContent}</h3>
+      <div className="results">{resultsContent}</div>
+    </div>
+  );
+};
+
+export default CategoryLayoutRenderer;

src/default/CategoryRenderer.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Search, Grid, Header, Segment, Label } from 'semantic-ui-react';
+
+const CategoryRenderer = (props) => {
+  const { name } = props;
+  return <div className="category-title">{name}</div>;
+};
+
+export default CategoryRenderer;

src/default/ResultRenderer.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Icon, Popup } from 'semantic-ui-react';
+
+const ResultRenderer = (props) => {
+  return <Popup trigger={<Icon name={props.name} />}>{props.name}</Popup>;
+};
+
+export default ResultRenderer;