/**
 * ScriptInfoSection Component
 *
 * Displays script information in a card with header (title, description)
 * and detail cells (shell type, supported platforms, category, author).
 * Responsive layout: stacks cells on mobile, shows grid on desktop.
 */
import React from 'react';
/**
 * Props for author avatar display
 */
export interface ScriptAuthor {
    /** Author name */
    name: string;
    /** Author initials (used when no photo) */
    initials?: string;
    /** URL to author's photo */
    photoUrl?: string;
}
/**
 * Props for ScriptInfoSection component
 */
export interface ScriptInfoSectionProps {
    /** Script title/name */
    headline: string;
    /** Script description */
    subheadline?: string;
    /** Shell type (POWERSHELL, BASH, CMD, etc.) */
    shellType?: string;
    /** Array of supported platform strings (windows, darwin, linux, etc.) */
    supportedPlatforms?: string[];
    /** Script category */
    category: string;
    /** Author information */
    author?: ScriptAuthor;
    /** Additional CSS classes */
    className?: string;
}
/**
 * ScriptInfoSection - Displays script information in a structured card
 *
 * @example
 * ```tsx
 * <ScriptInfoSection
 *   title="System Backup Script"
 *   description="Comprehensive Linux system backup script..."
 *   shellType="BASH"
 *   supportedPlatforms={['linux']}
 *   category="System Maintenance"
 *   author={{ name: 'John Doe', photoUrl: '/avatars/john.jpg' }}
 * />
 * ```
 */
export declare const ScriptInfoSection: React.FC<ScriptInfoSectionProps>;
//# sourceMappingURL=ScriptInfoSection.d.ts.map