From ece215c1837a3b2f48a878a2f661606aff61c3d3 Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Mon, 11 Apr 2022 20:58:49 +0200
Subject: [PATCH] feat(system): add EmojiHash component

---
 .../src/system/emoji-hash/emoji-hash.docs.mdx |  5 ++++
 .../src/system/emoji-hash/emoji-hash.tsx      | 24 +++++++++++++++++++
 .../src/system/emoji-hash/index.tsx           |  2 ++
 .../src/system/emoji-hash/styles.tsx          |  6 +++++
 packages/status-react/src/system/index.tsx    |  1 +
 5 files changed, 38 insertions(+)
 create mode 100644 packages/status-react/src/system/emoji-hash/emoji-hash.docs.mdx
 create mode 100644 packages/status-react/src/system/emoji-hash/emoji-hash.tsx
 create mode 100644 packages/status-react/src/system/emoji-hash/index.tsx
 create mode 100644 packages/status-react/src/system/emoji-hash/styles.tsx

diff --git a/packages/status-react/src/system/emoji-hash/emoji-hash.docs.mdx b/packages/status-react/src/system/emoji-hash/emoji-hash.docs.mdx
new file mode 100644
index 00000000..3079a6f3
--- /dev/null
+++ b/packages/status-react/src/system/emoji-hash/emoji-hash.docs.mdx
@@ -0,0 +1,5 @@
+# EmojiHash
+
+```tsx
+import { EmojiHash } from '@status-im/components'
+```
diff --git a/packages/status-react/src/system/emoji-hash/emoji-hash.tsx b/packages/status-react/src/system/emoji-hash/emoji-hash.tsx
new file mode 100644
index 00000000..240e3ca8
--- /dev/null
+++ b/packages/status-react/src/system/emoji-hash/emoji-hash.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+
+import { Base } from './styles'
+
+interface Props {
+  name?: string
+}
+
+const EmojiHash = (props: Props) => {
+  const { name } = props
+
+  console.log(name)
+
+  return (
+    <Base>
+      🎩🍞🥑🦍🌈📡
+      <br />
+      💅🏻♣️🔔⛸👵🅱
+    </Base>
+  )
+}
+
+export { EmojiHash }
+export type { Props as EmojiHashProps }
diff --git a/packages/status-react/src/system/emoji-hash/index.tsx b/packages/status-react/src/system/emoji-hash/index.tsx
new file mode 100644
index 00000000..a4872c2c
--- /dev/null
+++ b/packages/status-react/src/system/emoji-hash/index.tsx
@@ -0,0 +1,2 @@
+export type { EmojiHashProps } from './emoji-hash'
+export { EmojiHash } from './emoji-hash'
diff --git a/packages/status-react/src/system/emoji-hash/styles.tsx b/packages/status-react/src/system/emoji-hash/styles.tsx
new file mode 100644
index 00000000..8f4a2578
--- /dev/null
+++ b/packages/status-react/src/system/emoji-hash/styles.tsx
@@ -0,0 +1,6 @@
+import { styled } from '~/src/styles/config'
+
+export const Base = styled('div', {
+  position: 'relative',
+  flexShrink: 0,
+})
diff --git a/packages/status-react/src/system/index.tsx b/packages/status-react/src/system/index.tsx
index 4aedbf61..a4b205e2 100644
--- a/packages/status-react/src/system/index.tsx
+++ b/packages/status-react/src/system/index.tsx
@@ -11,6 +11,7 @@ export {
   DialogTrigger,
 } from './dialog'
 export { DropdownMenu, DropdownMenuTrigger } from './dropdown-menu'
+export { EmojiHash } from './emoji-hash'
 export { EthAddress } from './eth-address'
 export { Flex } from './flex'
 export { Grid } from './grid'