/**
 * FilePanel — IDE-style file-panel frame (header + toolbar + body + footer).
 *
 * Thin frame primitive: no business logic, no data fetching. Each region is
 * a slot so consumers compose what goes inside — typically a `<FileTree>`
 * in the body and an `<Input>` in the search slot.
 *
 * Layout:
 *   ┌───────────────────────────────────┐
 *   │ header (title · actions)          │  (sticky)
 *   ├───────────────────────────────────┤
 *   │ toolbar (search · extras)         │  (optional)
 *   ├───────────────────────────────────┤
 *   │                                   │
 *   │ body (children — FileTree, etc.)  │  (scrollable)
 *   │                                   │
 *   ├───────────────────────────────────┤
 *   │ footer (status · actions)         │  (optional)
 *   └───────────────────────────────────┘
 *
 * @module @mks2508/mks-ui/react/ui/FilePanel
 */
import type { IFilePanelProps } from './FilePanel.types';
/**
 * FilePanel — frame around file-tree UI (header + toolbar + body + footer).
 *
 * @example
 * ```tsx
 * <FilePanel
 *   title="Files"
 *   search={<Input placeholder="Filter..." />}
 *   status={`${count} files`}
 * >
 *   <FileTree nodes={nodes} onSelect={onSelect} />
 * </FilePanel>
 * ```
 *
 * @example
 * ```tsx
 * // Borderless, with trailing actions
 * <FilePanel
 *   title="Project"
 *   actions={<Button size="sm">Refresh</Button>}
 *   bordered={false}
 *   slots={{ header: 'bg-primary/5' }}
 * >
 *   {tree}
 * </FilePanel>
 * ```
 */
export declare const FilePanel: import("react").MemoExoticComponent<({ title, actions, search, toolbar, children, status, footerActions, density, bordered, className, slots, }: IFilePanelProps) => import("react/jsx-runtime").JSX.Element>;
export { FilePanelStyles, filePanelVariants } from './FilePanel.styles';
export type { FilePanelSlot } from './FilePanel.styles';
export type { IFilePanelProps, FilePanelDensity } from './FilePanel.types';
//# sourceMappingURL=index.d.ts.map