/**
 * PatternTile Atom
 *
 * Mathematically correct Islamic geometric pattern tiles using the
 * Polygons-in-Contact (PIC) method (Hankin 1925, formalized by Kaplan 2005).
 *
 * Construction: A regular polygon tiling is overlaid with star motifs.
 * Each motif touches the enclosing polygon at EDGE MIDPOINTS only.
 * Two rays emanate from each midpoint into the polygon at a specific
 * CONTACT ANGLE (theta). Where rays from adjacent midpoints intersect,
 * they form the star points. Gap tiles (squares, triangles) between
 * polygons receive inferred geometry by extending boundary rays inward.
 *
 * Variants:
 *   star8  — 8-fold star-and-cross on 4.8.8 tiling (theta = 67.5 deg)
 *   star6  — 6-fold star on hexagonal tiling (theta = 60 deg)
 *   khatam — 8-fold rosette with interlocking kites (theta = 72 deg)
 *   star10 — 10-fold girih on decagonal tiling (theta = 72 deg)
 *   star12 — 12-fold on dodecagonal tiling (theta = 75 deg)
 *
 * All tiles use stroke only (no fill), rendering as transparent overlays.
 */
import React from 'react';
export type PatternVariant = 'star8' | 'star6' | 'khatam' | 'star10' | 'star12' | 'rosette-double' | 'rosette-filled' | 'seigaiha' | 'greek-key' | 'celtic-knot' | 'kolam' | 'arch' | 'arabesque-vine' | 'arabesque-net';
export interface PatternTileProps {
    /** Which geometric pattern to render */
    variant?: PatternVariant;
    /** Tile unit size in SVG units */
    size?: number;
    /** Stroke color (CSS variable or hex) */
    color?: string;
    /** Line thickness */
    strokeWidth?: number;
    className?: string;
}
export declare const PatternTile: React.FC<PatternTileProps>;
/** Returns the tile dimensions for a given variant and size */
export declare function getTileDimensions(variant: PatternVariant, size: number): {
    width: number;
    height: number;
};
