UNPKG

@welcome-ui/emoji-picker

Version:

Customizable design system with react • styled-components • styled-system and ariakit.

27 lines (26 loc) 1.23 kB
import React from 'react'; import { UsePopover, UsePopoverProps, UsePopoverState } from '@welcome-ui/popover'; import { CreateWuiProps } from '@welcome-ui/system'; import * as Ariakit from '@ariakit/react'; import { EmojiTabProps } from './Tab'; export interface EmojiPickerOptions { defaultTabStore?: Ariakit.TabStoreProps; emptyList?: string; inputSearchPlaceholder?: string; onChange?: (value: string) => void; popoverAriaLabel?: string; store: UseEmojiPicker; tabListAriaLabel?: string; value: string | null; } export type EmojiPickerProps = CreateWuiProps<'div', EmojiPickerOptions>; export type UseEmojiPicker = UsePopover; export type UseEmojiPickerProps = UsePopoverProps; export type UseEmojiPickerState = UsePopoverState; export declare function useEmojiPicker(options?: UseEmojiPickerProps): UseEmojiPicker; export declare const EmojiPicker: import("@welcome-ui/system").CreateWuiComponent<"div", EmojiPickerProps> & { Trigger: import("@welcome-ui/system").CreateWuiComponent<"button", import("Popover/dist/types/Trigger").PopoverTriggerProps>; Tab: React.FC<EmojiTabProps>; List: React.FC<import("./List").ListOptions>; BasicList: React.FC<import("./List").ListOptions>; };