import React from 'react';
import { cn, withRef } from '@udecode/cn';
import { PlateElement } from '@udecode/plate-common';

export const LayoutComponent = withRef<typeof PlateElement>(
  ({ className, children, ...props }, ref) => {
    return (
      <PlateElement ref={ref} className={cn(className, 'my-2')} {...props}>
        <div className={cn('flex h-full w-full gap-4 rounded')}>{children}</div>
      </PlateElement>
    );
  }
);
