import { LitElement } from 'lit';
import type { DockingIndicatorPosition } from '../backfill-types-dockmanager.js';
/**
 * @hidden
 * The joystick icon component which displays an icon related to docking.
 *
 * @element igc-joystick-icon
 *
 * @slot - Renders the panel content.
 *
 * @csspart docking-indicator - Wrapper of the joystick icon.
 */
export default class IgcJoystickIconComponent extends LitElement {
    static readonly tagName = "igc-joystick-icon";
    static styles: import("lit").CSSResult[];
    static register(): void;
    /**
     * Determines whether the icon is in document host.
     *
     * * @default false
     */
    isDocHost: boolean;
    /**
     * Specifies joystick icon position so that the proper icon is displayed.
     */
    position: DockingIndicatorPosition;
    /**
     * Determines component's direction
     *
     * @default ltr
     */
    direction: string;
    /**
     * Determines whether the icon is empty
     *
     * @default false
     */
    empty: boolean;
    connectedCallback(): void;
    protected updated(): void;
    private _assignHostClass;
    private _assignHostStyles;
    private _resolveIconDivClass;
    private resolveMargin;
    private _resolveGridRow;
    private _resolveGridColumn;
    private _renderIcon;
    protected render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'igc-joystick-icon': IgcJoystickIconComponent;
    }
}