emoji-mart-lazyload/src/components/not-found.js

33 lines
818 B
JavaScript

import React from 'react'
import PropTypes from 'prop-types'
import NimbleEmoji from './emoji/nimble-emoji'
export default class NotFound extends React.PureComponent {
render() {
const { data, emojiProps, i18n, notFound, notFoundEmoji } = this.props
const component = (notFound && notFound()) || (
<div className="emoji-mart-no-results">
{NimbleEmoji({
data: data,
...emojiProps,
size: 38,
emoji: notFoundEmoji,
onOver: null,
onLeave: null,
onClick: null,
})}
<div className="emoji-mart-no-results-label">{i18n.notfound}</div>
</div>
)
return component
}
}
NotFound.propTypes /* remove-proptypes */ = {
notFound: PropTypes.func.isRequired,
emojiProps: PropTypes.object.isRequired,
}