feat(system): add EmojiHash component
This commit is contained in:
parent
fb6467ace9
commit
ece215c183
|
@ -0,0 +1,5 @@
|
|||
# EmojiHash
|
||||
|
||||
```tsx
|
||||
import { EmojiHash } from '@status-im/components'
|
||||
```
|
|
@ -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 }
|
|
@ -0,0 +1,2 @@
|
|||
export type { EmojiHashProps } from './emoji-hash'
|
||||
export { EmojiHash } from './emoji-hash'
|
|
@ -0,0 +1,6 @@
|
|||
import { styled } from '~/src/styles/config'
|
||||
|
||||
export const Base = styled('div', {
|
||||
position: 'relative',
|
||||
flexShrink: 0,
|
||||
})
|
|
@ -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'
|
||||
|
|
Loading…
Reference in New Issue