@welcome-ui/emoji-picker
Version:
Customizable design system with react • styled-components • styled-system and ariakit.
27 lines (26 loc) • 1.23 kB
TypeScript
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>;
};