/**
 * Controlled question image marker, rendered as a styled button element.
 *
 * The target for labeling question image with answers.
 */
import * as React from "react";
import { PerseusI18nContext } from "../../components/i18n-context";
import type { CSSProperties } from "aphrodite";
type Props = {
    selected?: string[];
    showCorrectness?: "correct" | "incorrect";
    label: string;
    showSelected: boolean;
    showPulsate: boolean;
    answerSide: "top" | "bottom" | "left" | "right";
    answerStyles?: CSSProperties;
    showAnswer?: boolean;
    focused: boolean;
    hovered: boolean;
};
export default class Marker extends React.Component<Props> {
    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
    context: React.ContextType<typeof PerseusI18nContext>;
    _icon: HTMLElement | null | undefined;
    _mounted: boolean;
    static defaultProps: {
        selected: ReadonlyArray<any>;
    };
    componentDidMount(): void;
    componentWillUnmount(): void;
    renderIcon(): React.JSX.Element;
    render(): React.ReactNode;
}
export {};