First working version

plugin-api/beta/client/components/SortOption.css

@@ -0,0 +1,8 @@
+.input {
+  cursor: pointer;
+}
+
+.label {
+  cursor: pointer;
+  padding-left: 4px;
+}

plugin-api/beta/client/components/SortOption.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import styles from './SortOption.css';
+
+export default class SortOption extends React.Component {
+  render() {
+    return (
+      <div className={styles.viewingOption}>
+        <input type="radio" onChange={this.props.setSort} checked={this.props.active} className={styles.input}/>
+        <label className={styles.label} onClick={this.props.setSort}>
+          {this.props.label}
+        </label>
+      </div>
+    );
+  }
+}

plugin-api/beta/client/components/index.js

@@ -1,3 +1,5 @@
 export {Slot} from 'coral-framework/components';
 export {default as ClickOutside} from 'coral-framework/components/ClickOutside';
+export {default as IfSlotIsEmpty} from 'coral-framework/components/IfSlotIsEmpty';
+export {default as IfSlotIsNotEmpty} from 'coral-framework/components/IfSlotIsNotEmpty';
 export {default as CommentAuthorName} from 'coral-framework/components/CommentAuthorName';