import { clsx } from "clsx";
import type { PropsWithChildren } from "react";
import { forwardRef } from "react";

const Item = /* @__PURE__ */ forwardRef<HTMLDivElement, PropsWithChildren<{ className?: string }>>(
  ({ className, children }, ref) => (
    <div
      
    >
      {children}
    </div>
  ),
);

const AutoLayout = /* @__PURE__ */ Object.assign(
  /* @__PURE__ */ forwardRef<HTMLDivElement, PropsWithChildren<{ className?: string }>>(
    ({ className, children }, ref) => (
      <div className={clsx(className, "content-wrapper overflowY d-flex p-3 bg-success mb-5 gap-3")} ref={ref}>
        {children}
      </div>
    ),
  ),
  { Item },
);


AutoLayout.defaultProps = {
	className: undefined,
};

export default AutoLayout;