import { FC, ReactNode } from "react";

//#region src/components/ui/panel.d.ts
interface PanelDetailItemProps {
  label: string | ReactNode;
  value: string | ReactNode;
  highlighted?: boolean;
}
interface PanelAction {
  active?: boolean;
  icon: ReactNode;
  onClick: () => void;
  label?: string;
}
interface PanelProps {
  'data-testid'?: string;
  title?: ReactNode;
  subtitle?: ReactNode;
  details?: PanelDetailItemProps[];
  actions?: PanelAction[];
  className?: string;
  children?: ReactNode;
  size?: 'sm' | 'md';
  variant?: 'default' | 'outlined' | 'filled' | 'ghost';
  tabs?: {
    label: string;
    labelComponent?: ReactNode;
    content: ReactNode;
    'data-testid'?: string;
  }[];
  contentClassName?: string;
}
declare const PanelDetailItem: FC<PanelDetailItemProps>;
declare const Panel: FC<PanelProps>;
//#endregion
export { Panel, PanelAction, PanelDetailItem, PanelDetailItemProps, PanelProps };
//# sourceMappingURL=panel.d.ts.map