/**
 * OcEmojiPicker component
 *
 * @component
 * @name ocemojipicker
 * @status ready
 * @release 1.0.0
 *
 * @props
 * @property {('light' | 'dark')} [theme='light'] - the theme of the emoji picker, either 'light' or 'dark'.
 *
 * @emits
 * @event emojiselect - triggered when an emoji is selected.
 * @param {string} emoji - the selected emoji's native representation.
 *
 * @event clickoutside - triggered when a click occurs outside the emoji picker.
 *
 *
 * @example
 * ```vue
 * <template>
 *   <oc-emoji-picker
 *     theme="dark"
 *     @emojiselect="onemojiselect"
 *     @clickoutside="onclickoutside"
 *   />
 * </template>
 * ```
 */
interface Props {
    theme?: 'light' | 'dark';
}
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    emojiSelect: (emoji: string) => any;
    clickOutside: () => any;
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
    onEmojiSelect?: (emoji: string) => any;
    onClickOutside?: () => any;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    emojiPickerRef: HTMLDivElement;
}, any>;
export default _default;
