import { LitElement } from 'lit';
import { ElementPin } from '../pin';
export interface ElementWithPinInfo extends Element {
    pinInfo?: ElementPin[];
}
/**
 * Utility element to debug the pinInfo property. Pin locations are displayed using red dots.
 * Moving your mouse over one of the red dots shows a tooltip with the pin's name.
 *
 *
 * Usage:
 * 1. Import this file in your element's story file, e.g.
 *    ```
 *    import './utils/show-pins-element';
 *    ```
 * 2. Wrap your element with the <wokwi-show-pins> element, e.g.
 *    ```
 *    export const HCSR04 = () => html`
 *      <wokwi-show-pins>
 *        <wokwi-hc-sr04></wokwi-hc-sr04>
 *      </wokwi-show-pins>
 *    `;
 *    ```
 */
export declare class ShowPinsElement extends LitElement {
    pinColor: string;
    elementSlot: HTMLSlotElement;
    get slotChild(): ElementWithPinInfo | undefined;
    render(): import("lit-html").TemplateResult<1>;
}