diff --git a/src/app/Components/Censored/Censored.js b/src/app/Components/Censored/Censored.js
new file mode 100644
index 0000000..155ee97
--- /dev/null
+++ b/src/app/Components/Censored/Censored.js
@@ -0,0 +1,17 @@
+'use client';
+import React from 'react';
+
+function Censored({ children }) {
+  const [isCensored, setIsCensored] = React.useState(false);
+
+  return (
+    <button
+      className={isCensored ? 'censored' : undefined}
+      onClick={() => setIsCensored(!isCensored)}
+    >
+      {children}
+    </button>
+  );
+}
+
+export default Censored;
diff --git a/src/app/Components/Censored/index.js b/src/app/Components/Censored/index.js
new file mode 100644
index 0000000..3d27a80
--- /dev/null
+++ b/src/app/Components/Censored/index.js
@@ -0,0 +1,3 @@
+import Censored from './Censored.js';
+
+export { Censored };