import * as React from 'react';
import classNames from 'classnames';
import type { ReactElement } from 'react';

interface Props {
  children: ReactElement | ReactElement[];
  className?: string;
}

export const DrawerContent = ({ children, className = '' }: Props) => {
  const classes = classNames(
    'w-full sm:w-full grow-1 p-12 md:p-20 overflow-hidden',
    className
  );

  return (
    <main aria-label="Page Content" className={classes}>
      {children}
    </main>
  );
};
