import { default as React } from 'react';
export interface BorderAccentProps {
    /** Content to display */
    children: React.ReactNode;
    /** Color variant for the border */
    variant?: 'blue' | 'green' | 'purple' | 'indigo' | 'emerald' | 'orange' | 'red' | 'gray';
    /** Border position */
    position?: 'left' | 'right' | 'top' | 'bottom';
    /** Border width */
    width?: 'thin' | 'medium' | 'thick';
    /** Padding size */
    padding?: 'sm' | 'md' | 'lg';
    /** Additional className for the container */
    className?: string;
}
/**
 * BorderAccent Component
 *
 * A content container with a colored accent border on one side.
 * Commonly used for highlighting sections, quotes, or important information.
 *
 * @example
 * ```tsx
 * <BorderAccent variant="blue" position="left">
 *   <h4>Time Freedom</h4>
 *   <p>Delegate your email management to trusted team members</p>
 * </BorderAccent>
 * ```
 *
 * @example
 * ```tsx
 * // As a blockquote
 * <BorderAccent variant="purple" position="left" padding="lg">
 *   <blockquote className="italic">
 *     "This feature changed how we manage team communications"
 *   </blockquote>
 * </BorderAccent>
 * ```
 */
export declare const BorderAccent: React.FC<BorderAccentProps>;
//# sourceMappingURL=border-accent.d.ts.map