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

export interface ComponentProps {
    /**
     * The dye of the cloth — deep colors show the sheen best
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#c92c40"
     */
    color: Parameters<typeof transformColor>[0];
    /**
     * The color of the light caught by the weave — near white for silk, tinted toward the dye for a matte satin
     *
     * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`).
     * @default "#c4667b"
     */
    highlightColor: Parameters<typeof transformColor>[0];
    /**
     * How many ridges run across the cloth
     *
     * Accepts a number between 1 and 12.
     * @default 7
     */
    foldCount: number;
    /**
     * Direction the folds run, in degrees — 90 hangs them vertically like a curtain
     *
     * @default 90
     */
    foldDirection: number;
    /**
     * How deep the folds are — 0 is a flat sheet, 1 heavy gathered drapery
     *
     * @default 0.5
     */
    foldDepth: number;
    /**
     * Width of each ridge, relative to the canvas — narrow for fine pleats, wide for broad soft folds
     *
     * @default 0.14
     */
    foldWidth: number;
    /**
     * How much the cloth is gathered at the top edge — 0 is a loose drape, 1 a curtain pinned at the rail with the folds opening as they fall
     *
     * @default 0.6
     */
    pinning: number;
    /**
     * Random seed — a different layout of folds
     *
     * @default 0
     */
    seed: number;
    /**
     * How fast the cloth moves. 0 pauses.
     *
     * Accepts a number between 0 and 4.
     * @default 1
     */
    speed: number;
    /**
     * Strength of the breeze — how far the folds ripple and sway
     *
     * @default 0.4
     */
    breeze: number;
    /**
     * How shiny the weave is — 0 soft matte satin, 1 glossy silk with a tight bright streak
     *
     * @default 0.1
     */
    gloss: number;
    /**
     * How much the highlight stretches along the threads — the long streak real satin shows
     *
     * @default 0.7
     */
    anisotropy: number;
    /**
     * The broad soft glow around the highlight — light the weave scatters sideways. 0 leaves the crisp streak alone, 1 a wide satin bloom
     *
     * @default 0.5
     */
    bloom: number;
    /**
     * The velvet glow on the flanks of each fold where the fibres catch the light edge-on
     *
     * @default 0.5
     */
    sheen: number;
    /**
     * Visibility of the thread texture — the fine grain that glints inside the highlight
     *
     * @default 0.1
     */
    weave: number;
    /**
     * Direction the threads run, in degrees — the highlight streaks along this axis. Usually the fold direction.
     *
     * @default 90
     */
    fiberAngle: number;
    /**
     * Direction of the key light, in degrees
     *
     * @default 215
     */
    lightAngle: number;
    /**
     * Strength of the fill light from the opposite side — lifts the shadowed flanks
     *
     * @default 0.35
     */
    fill: number;
}
export declare const componentDefinition: GpuShaderDefinition<ComponentProps>;
export default componentDefinition;
//# sourceMappingURL=index.d.ts.map