
import clsx from "clsx";
import ErrorBoundary from "../Common/ErrorBoundary";
import {memo} from "react";

type BlockProps = {
  className?: string;
  children: React.ReactNode;
};

export const Block = memo(({ className = "", children }: BlockProps) => {

  return (
      <ErrorBoundary>
    <div
      className={clsx(
        "col-span-12 flex flex-col rounded-xl bg-white shadow-sm relative border border-gray-300",
        className, // later so should override the above
      )}
    >
      {children}
    </div>
    </ErrorBoundary>
  );
});

Block.displayName = "Block";
