@seasketch/geoprocessing/dist/src/rbcs/components/PointyCircle.d.ts

Geoprocessing and reporting framework for SeaSketch 2.0

import React, { ReactNode } from "react";
import { CircleProps } from "../../components/Circle.js";
/** Circle with pointy top right corner */
export declare const PointyCircle: React.FunctionComponent<CircleProps>;
export interface StyledTwoColorPointyCircleProps {
    $bottomColor?: string;
    $topColor?: string;
    $perc: number;
    $size?: number;
}
export interface TwoColorPointyCircleProps {
    children: ReactNode;
    /** Bottom color of circle */
    bottomColor?: string;
    /** Top color of circle */
    topColor?: string;
    /** Percent height bottom color will take up */
    perc: number;
    /** Radius of circle in pixels, minimum 5 */
    size?: number;
}
export declare const StyledTwoColorPointyCircle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTwoColorPointyCircleProps>> & string;
/** Two-color reg-based classification circle for collection index value */
export declare const TwoColorPointyCircle: React.FunctionComponent<TwoColorPointyCircleProps>;