/**
 * @typedef {object} ThemeSwitchDetail
 * @property {string} theme - The selected theme
 */
/**
 * @tagName theme-switch
 *
 * @attr {string} [data-label] - ARIA label for the theme switcher
 * @attr {string} [data-dark-label] - ARIA label for the dark theme button
 * @attr {string} [data-light-label] - ARIA label for the light theme button
 * @attr {string} [data-theme] - The currently active theme
 * @attr {string} [data-event-name] - The name of the theme switch event
 *
 * @slot - Default slot for the theme switch control
 * @csspart button-bar - Style the button bar
 *
 * @csspart button - Style the button group buttons
 * @csspart light-button - Style the light theme button
 * @csspart dark-button - Style the dark theme button
 *
 * @csspart icon - Style the default icons
 *
 * @slot light-icon - Slot for a custom light theme icon
 * @csspart light-icon- Style the light theme icon
 *
 * @slot dark-icon - Slot for a custom dark theme icon
 * @csspart dark-icon - Style the dark theme icon
 *
 * @fires {CustomEvent<ThemeSwitchDetail>} themeSwitch - Event dispatched when the theme is switched
 */
export default class ThemeSwitch extends HTMLElement {
    /**
     * Defines the custom element with provided tag name
     */
    static register(tagName?: string): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    #private;
}
export type ThemeSwitchDetail = {
    /**
     * - The selected theme
     */
    theme: string;
};
//# sourceMappingURL=ThemeSwitch.d.ts.map