import { observer } from "mobx-react";
import { useRef } from "react";

export const SettingsContentLayout = observer(function SettingsContentLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  // refs
  const ref = useRef<HTMLDivElement>(null);

  return (
    <div className="h-full min-h-full w-full overflow-y-scroll" ref={ref}>
      {children}
    </div>
  );
});