import React from 'react'; import { HighlightedPanelType, panelBgColor } from '../utils'; export interface PanelAction { name: string; className?: string; url?: string; icon?: string; isDownload?: boolean; } export interface ListPanelAction { listTitle: string; links?: PanelAction[]; } export interface ListButtonPanelAction { listTitle: string; name: string; className?: string; url?: string; icon?: string; isDownload?: boolean; } export declare type PanelImage = { src: string; alt?: string; className?: string; size?: number; }; export declare type PanelVideo = { src: string; title?: string; caption?: string; }; export declare type PanelPicture = PanelImage; interface BasePanelProps { title?: string; description?: string | JSX.Element; buttons?: PanelAction[]; link?: PanelAction; bgColor?: panelBgColor; direction?: string; listLinkPanel?: ListPanelAction; listLinkButtonPanel?: ListButtonPanelAction[]; } export interface SimplePanel extends BasePanelProps { picture?: PanelPicture; video?: PanelPicture; } export declare const LargePanel: React.FC; export declare const SmallPanel: React.FC; interface HighlightedPanelProps { title?: string; description?: string | JSX.Element; bgColor?: panelBgColor; type?: HighlightedPanelType; picture?: PanelImage; video?: PanelVideo; iframe?: PanelVideo; } export declare const HighlightedPanel: React.FC; export {};