/**
 * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * @module emoji/ui/emojitoneview
 */
import { View, type DropdownView } from '@ckeditor/ckeditor5-ui';
import { type Locale } from '@ckeditor/ckeditor5-utils';
import type { EmojiSkinToneId } from '../emojiconfig.js';
import type { EmojiSkinTone } from '../emojirepository.js';
import '../../theme/emojitone.css';
/**
 * A view responsible for selecting a skin tone for an emoji.
 */
export declare class EmojiToneView extends View {
    /**
     * Active skin tone.
     *
     * @observable
     */
    skinTone: EmojiSkinToneId;
    /**
     * A dropdown element for selecting an active skin tone.
     */
    readonly dropdownView: DropdownView;
    /**
     * An array of available skin tones.
     */
    private readonly _skinTones;
    /**
     * @inheritDoc
     */
    constructor(locale: Locale, { skinTone, skinTones }: {
        skinTone: EmojiSkinToneId;
        skinTones: Array<EmojiSkinTone>;
    });
    /**
     * @inheritDoc
     */
    focus(): void;
    /**
     * Helper method for receiving an object describing the active skin tone.
     */
    private _getSkinTone;
}