| | |
| | | import type { FC } from 'react' |
| | | import React, { useCallback, useState } from 'react' |
| | | import { useTranslation } from 'react-i18next' |
| | | import s from './style.module.css' |
| | | import EmojiPickerInner from './Inner' |
| | | import cn from '@/utils/classnames' |
| | | import Divider from '@/app/components/base/divider' |
| | | import Button from '@/app/components/base/button' |
| | | import Modal from '@/app/components/base/modal' |
| | | import { noop } from 'lodash-es' |
| | | |
| | | type IEmojiPickerProps = { |
| | | isModal?: boolean |
| | |
| | | |
| | | return isModal |
| | | ? <Modal |
| | | onClose={noop} |
| | | onClose={() => { }} |
| | | isShow |
| | | closable={false} |
| | | wrapperClassName={className} |
| | | className={cn('flex max-h-[552px] flex-col rounded-xl border-[0.5px] border-divider-subtle p-0 shadow-xl')} |
| | | className={cn(s.container, '!w-[362px] !p-0')} |
| | | > |
| | | <EmojiPickerInner |
| | | className="pt-3" |
| | | onSelect={handleSelectEmoji} /> |
| | | <Divider className='mb-0 mt-3' /> |
| | | <div className='flex w-full items-center justify-center gap-2 p-3'> |
| | | <Divider className='m-0' /> |
| | | <div className='w-full flex items-center justify-center p-3 gap-2'> |
| | | <Button className='w-full' onClick={() => { |
| | | onClose && onClose() |
| | | }}> |