diff --git a/src/components/Clickable/Clickable.tsx b/src/components/Clickable/Clickable.tsx
new file mode 100644
index 0000000..6f11c28
--- /dev/null
+++ b/src/components/Clickable/Clickable.tsx
@@ -0,0 +1,16 @@
+import type { JSXElement } from 'solid-js'
+
+interface Props {
+  children: JSXElement
+  onClick: () => void
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <div style="cursor: pointer" onClick={props.onClick}>
+        {props.children}
+      </div>
+    </>
+  )
+}