@seasketch/geoprocessing/dist/src/components/Circle.d.ts

Geoprocessing and reporting framework for SeaSketch 2.0

import React, { ReactNode } from "react";
interface StyledCircleProps {
    color?: string;
    size?: number;
}
/** Default style for Circle */
export declare const StyledCircle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledCircleProps>> & string;
export interface CircleProps {
    children: ReactNode;
    color?: string;
    size?: number;
    ariaLabel?: string;
}
/** Circle with user-defined component inside */
export declare const Circle: React.FunctionComponent<CircleProps>;
export interface GroupCircleProps {
    /** React component to put inside the circle */
    children: ReactNode;
    /** Group to use for this circle */
    group: string;
    /** Mapping of group names to color */
    groupColorMap: Record<string, string>;
}
/**
 * Circle with user-defined group colors
 */
export declare const GroupCircle: React.FunctionComponent<GroupCircleProps>;
export {};