import * as React from 'react'; import styles from '@patternfly/react-styles/css/components/Drawer/drawer'; import { css } from '@patternfly/react-styles'; import { DrawerMain } from './DrawerMain'; import { DrawerContext } from './Drawer'; export enum DrawerContentColorVariant { default = 'default', primary = 'primary', secondary = 'secondary' } export interface DrawerContentProps extends React.HTMLProps { /** Additional classes added to the Drawer. */ className?: string; /** Content to be rendered in the drawer. */ children?: React.ReactNode; /** Content rendered in the drawer panel. */ panelContent: React.ReactNode; /** Color variant of the background of the drawer panel */ colorVariant?: DrawerContentColorVariant | 'default' | 'primary' | 'secondary'; } export const DrawerContent: React.FunctionComponent = ({ className, children, panelContent, colorVariant = DrawerContentColorVariant.default, ...props }: DrawerContentProps) => { const { drawerContentRef } = React.useContext(DrawerContext); return (
{children}
{panelContent} ); }; DrawerContent.displayName = 'DrawerContent';