packages/components/containers/app/EmptyViewContainer.tsx

   1 import type { ComponentPropsWithRef, ReactNode } from 'react';
   2
   3 interface Props extends ComponentPropsWithRef<'div'> {
   4     height?: number;
   5     imageProps?: ComponentPropsWithRef<'img'>;
   6     children: ReactNode;
   7 }
   8
   9 const EmptyViewContainer = ({ imageProps, children, height, ...containerProps }: Props) => {
  10     return (
  11         <div className="m-auto p-11" {...containerProps}>
  12             <figure className="flex-1 text-center p-4">
  13                 {imageProps && <img className="w-auto" height={height} {...imageProps} alt={imageProps.alt || ''} />}
  14                 <figcaption className="mt-8">{children}</figcaption>
  15             </figure>
  16         </div>
  17     );
  18 };
  19
  20 export default EmptyViewContainer;