/// <reference types="react" />
import type { AnnotationDataInUI } from '@/context/annotation.context';
interface AttributeItemProps {
    annotation: AnnotationDataInUI;
    order: number;
    labelText: string;
    color: string;
    active?: boolean;
}
export declare const Action: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
export interface AttributeActionProps {
    annotation?: AnnotationDataInUI;
    annotations?: AnnotationDataInUI[];
    showEdit?: boolean;
}
export declare function AttributeAction({ annotation, annotations, showEdit }: AttributeActionProps): import("react").JSX.Element;
export default function AsideAttributeItem({ annotation, active, order, labelText, color }: AttributeItemProps): import("react").JSX.Element;
export {};
//# sourceMappingURL=AsideAttributeItem.d.ts.map