import React from 'react'; import type { TypographyProps } from '../Typography'; import type { PanelBodyProps, PanelHeaderActionProps, PanelHeaderProps, PanelProps, PanelQaTags } from './Panel.types'; export declare const MoreIcon: React.FC & { qa?: Pick; }>; /** Panels help users complete tasks or view additional information alongside the main content of a page. Panels are often initiated by clicking on an item somewhere on the main page, and they often contain additional information or options specific to that item. @since 10.19.0 @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-panel--demo) @see [Design Guidelines](https://design.procore.com/panel) */ export declare const Panel: React.ForwardRefExoticComponent> & { Body: React.ForwardRefExoticComponent>; Footer: React.ForwardRefExoticComponent & React.RefAttributes>; FooterActions: React.ForwardRefExoticComponent & React.RefAttributes>; FooterNotation: React.ForwardRefExoticComponent & React.RefAttributes>; Header: React.ForwardRefExoticComponent>; HeaderAction: React.ForwardRefExoticComponent>; HeaderActions: React.ForwardRefExoticComponent & { qa?: Pick | undefined; } & React.RefAttributes>; Section: React.ForwardRefExoticComponent>; Title: React.ForwardRefExoticComponent | undefined; id?: string | undefined; } & React.RefAttributes>; };