New page and referrer url filters.

components/common/ButtonGroup.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import classNames from 'classnames';
+import Button from './Button';
+import styles from './ButtonGroup.module.css';
+
+export default function ButtonGroup({
+  items = [],
+  selectedItem,
+  className,
+  size,
+  icon,
+  onClick = () => {},
+}) {
+  return (
+    <div className={classNames(styles.group, className)}>
+      {items.map(item => (
+        <Button
+          key={item}
+          className={classNames(styles.button, { [styles.selected]: selectedItem === item })}
+          size={size}
+          icon={icon}
+          onClick={() => onClick(item)}
+        >
+          {item}
+        </Button>
+      ))}
+    </div>
+  );
+}

components/common/ButtonGroup.module.css

@@ -0,0 +1,25 @@
+.group {
+  display: inline-flex;
+  border-radius: 4px;
+  overflow: hidden;
+  border: 1px solid var(--gray400);
+}
+
+.group .button {
+  border-radius: 0;
+  background: var(--gray50);
+  border-left: 1px solid var(--gray400);
+  padding: 4px 8px;
+}
+
+.group .button:first-child {
+  border: 0;
+}
+
+.group .button + .button {
+  margin: 0;
+}
+
+.selected {
+  font-weight: 600;
+}