import React, { CSSProperties, ReactNode } from 'react';
export declare const Panel: React.ForwardRefExoticComponent<{
    children?: ReactNode;
    testId?: string | undefined;
    vizzlyPrefix?: string | undefined;
    transform?: boolean | undefined;
    role?: "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "table" | "switch" | (string & {}) | "grid" | "none" | "checkbox" | "listbox" | "radio" | "region" | "cell" | "row" | "listitem" | "menubar" | "progressbar" | "separator" | "tab" | "tabpanel" | "toolbar" | "tooltip" | "treeitem" | "scrollbar" | "group" | "heading" | "search" | "alert" | "alertdialog" | "application" | "banner" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "gridcell" | "list" | "log" | "marquee" | "math" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "radiogroup" | "rowgroup" | "rowheader" | "searchbox" | "slider" | "spinbutton" | "status" | "tablist" | "term" | "textbox" | "timer" | "tree" | "treegrid" | undefined;
    onHover?: ((active: boolean) => void) | undefined;
    width?: CSSProperties['width'];
    padding?: CSSProperties['padding'];
    "data-component"?: string | undefined;
} & React.RefAttributes<HTMLInputElement>>;
