import { GpuShaderDefinition } from '../../gpu/porters';
import { transformColor, transformPosition } from '../../utilities/transformations';

export declare const transformLineStyle: (value: string) => number;
export declare const transformLineCap: (value: string) => number;
export interface ComponentProps {
    /**
     * The color of the line
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#ffffff"
     */
    color: Parameters<typeof transformColor>[0];
    /**
     * The start point of the line
     *
     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
     * @default {"x":0.2,"y":0.5}
     */
    pointA: Parameters<typeof transformPosition>[0];
    /**
     * The end point of the line
     *
     * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`.
     * @default {"x":0.8,"y":0.5}
     */
    pointB: Parameters<typeof transformPosition>[0];
    /**
     * The thickness of the line. A value of one (1) matches the canvas height.
     *
     * @default 0.01
     */
    thickness: number;
    /**
     * The line style: solid, dashed, or dotted. Dashes and dots are spaced to land exactly on both endpoints.
     *
     * Accepts one of: `"solid"`, `"dashed"`, `"dotted"`.
     * @default "solid"
     */
    style: string;
    /**
     * The length of each dash, including its caps
     *
     * @default 0.05
     */
    dashLength: number;
    /**
     * The gap between dashes, or the spacing between dots
     *
     * @default 0.025
     */
    gapLength: number;
    /**
     * Cap shape at the start of the line (point A). Rounded caps center on the endpoint; square caps end flat exactly at it. Also shapes the A-facing end of each dash and dot.
     *
     * Accepts one of the predefined option values.
     * @default "rounded"
     */
    capStart: string;
    /**
     * Cap shape at the end of the line (point B). Rounded caps center on the endpoint; square caps end flat exactly at it. Also shapes the B-facing end of each dash and dot.
     *
     * Accepts one of the predefined option values.
     * @default "rounded"
     */
    capEnd: string;
}
export declare const componentDefinition: GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map