import * as React from 'react'; import styles from '@patternfly/react-styles/css/components/Panel/panel'; import { css } from '@patternfly/react-styles'; export interface PanelProps extends React.HTMLProps { /** Content rendered inside the panel */ children?: React.ReactNode; /** Class to add to outer div */ className?: string; /** Adds panel variant styles */ variant?: 'raised' | 'bordered' | 'secondary'; /** Flag to add scrollable styling to the panel */ isScrollable?: boolean; /** @hide Forwarded ref */ innerRef?: React.Ref; } const PanelBase: React.FunctionComponent = ({ className, children, variant, isScrollable, innerRef, ...props }: PanelProps) => (
{children}
); export const Panel = React.forwardRef((props: PanelProps, ref: React.Ref) => ( )); Panel.displayName = 'Panel';