/**
 * EdgeDecoration Molecule
 *
 * Standalone SVG decorative elements positioned on section edges.
 * Unlike GeometricPattern (which tiles small units), these are large
 * singular shapes placed at specific positions: left edge, right edge,
 * or both.
 *
 * Variants:
 *   arch       — Concentric pointed mihrab arches (half-circles opening inward)
 *   vine       — Flowing arabesque scroll tendrils running vertically
 *   lattice    — Fine curved diamond lattice mesh
 *
 * Each variant renders as an absolutely-positioned SVG on one or both
 * sides of the parent container.
 */
import React from 'react';
export type EdgeVariant = 'arch' | 'vine' | 'lattice';
export type EdgeSide = 'left' | 'right' | 'both';
export interface EdgeDecorationProps {
    /** Which decorative element */
    variant?: EdgeVariant;
    /** Which side(s) to place the decoration */
    side?: EdgeSide;
    /** Overall opacity (default: 0.15) */
    opacity?: number;
    /** Stroke color */
    color?: string;
    /** Stroke width */
    strokeWidth?: number;
    /** Width of the decoration area as percentage of container (default: 15) */
    width?: number;
    className?: string;
}
export declare const EdgeDecoration: React.FC<EdgeDecorationProps>;
