feat(system): add EmojiHash component

packages/status-react/src/system/emoji-hash/emoji-hash.docs.mdx

@@ -0,0 +1,5 @@
+# EmojiHash
+
+```tsx
+import { EmojiHash } from '@status-im/components'
+```

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 }

packages/status-react/src/system/emoji-hash/index.tsx

@@ -0,0 +1,2 @@
+export type { EmojiHashProps } from './emoji-hash'
+export { EmojiHash } from './emoji-hash'

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,
+})

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'