import { default as React, ReactNode } from 'react';
import { SpacingProps } from '../../tokens/spacing';
import { BorderProps } from '../../tokens/borders';
import { Color } from '../../tokens/colors';
export type StripShadow = 'none' | 'xs' | 'sm' | 'md';
export interface StripProps extends BorderProps, Pick<SpacingProps, 'margin' | 'marginX' | 'marginY' | 'marginTop' | 'marginBottom'> {
    children?: ReactNode;
    as?: React.ElementType;
    href?: string;
    className?: string;
    /**
     * Semantic surface tint. Maps to `bg-{color}-50` in light and
     * `bg-{color}-950` in dark via `surfaceBgClasses`. Overrides the
     * default `--card` fill.
     */
    color?: Color;
    /**
     * Drop shadow. Defaults to `'none'` — strips read as flat list rows
     * by default. Bump to `'xs'` if you want them slightly lifted.
     */
    shadow?: StripShadow;
    /**
     * Add the canonical interactive hover — surface lifts 1px, border
     * picks up `--primary`, and a soft Linseed-tinted glow appears. Use
     * only when the strip is itself a link / clickable surface.
     */
    hoverEffect?: boolean;
    testId?: string;
}
export interface StripSlotProps {
    children?: ReactNode;
    className?: string;
}
export declare const Strip: React.FC<StripProps> & {
    Lead: {
        ({ children, className }: StripSlotProps): React.JSX.Element;
        displayName: string;
    };
    Body: {
        ({ children, className }: StripSlotProps): React.JSX.Element;
        displayName: string;
    };
    Trail: {
        ({ children, className }: StripSlotProps): React.JSX.Element;
        displayName: string;
    };
};
//# sourceMappingURL=Strip.d.ts.map