import React from 'react';
import type { PanelComponentProps, AgentPanelActions, SkillsPanelContext } from '../types';
import type { Skill } from './skills/hooks/useSkillsData';
import { type SkillMarkdownProps } from './skills/components/SkillMarkdown';
import './SkillDetailPanel.css';
export interface SkillDetailPanelProps extends PanelComponentProps<AgentPanelActions, SkillsPanelContext> {
    /**
     * Optional skill ID to display.
     * If provided, this takes precedence over event-based selection.
     * This allows the host to control panel state via props instead of events.
     */
    selectedSkillId?: string | null;
    /**
     * Optional skill object to display.
     * If provided, bypasses useSkillsData loading for instant display.
     * This provides better performance when the skill data is already available.
     */
    skill?: Skill | null;
    /**
     * Install button configuration to pass through to SkillMarkdown
     */
    installConfig?: SkillMarkdownProps['installConfig'];
    /**
     * Hide the Edit and MDX Editor buttons (default: false)
     */
    hideEditButtons?: boolean;
}
export declare const SkillDetailPanel: React.FC<SkillDetailPanelProps>;
//# sourceMappingURL=SkillDetailPanel.d.ts.map