type Props = {
    on: {
        select: (value: string) => void;
    };
};
/**
 * Inline emoji panel with search and categorized emoji grid. Used by `EmojiPicker` (popover wrapper) and
 * can be embedded directly by input components.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--emoji-panel--background` | Panel background | `--sc-kit--color--bg--panel` |
 * | `--sc-kit--emoji-panel--border-color` | Border color | `--sc-kit--color--border` |
 * | `--sc-kit--emoji-panel--label-color` | Category title and info text color | `--sc-kit--color--text--muted` |
 * | `--sc-kit--emoji-panel--placeholder-color` | Placeholder and clear icon color | `--sc-kit--color--text--placeholder` |
 * | `--sc-kit--emoji-panel--width` | Panel width | `100%` |
 * | `--sc-kit--emoji-panel--max-height` | Scrollable grid max height | `15em` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;