iris account registration

packages/app/src/Element/IrisAccount/ReservedAccount.tsx

@@ -0,0 +1,22 @@
+import AccountName from './AccountName';
+
+export default function ReservedAccount({ name = '', enableReserved = () => {}, declineReserved = () => {} }) {
+  return (
+    <div>
+      <p className="text-iris-green">
+        Username iris.to/<b>{name}</b> is reserved for you!
+      </p>
+      <AccountName name={name} link={false} />
+      <p>
+        <button className="btn btn-sm btn-primary" onClick={() => enableReserved()}>
+          Yes please
+        </button>
+      </p>
+      <p>
+        <button className="btn btn-sm btn-neutral" onClick={() => declineReserved()}>
+          No thanks
+        </button>
+      </p>
+    </div>
+  );
+}