import { cn } from "@/lib/utils";
import { Toaster } from "@/ui";
import { PropsWithChildren } from "react";

export const LayoutContent = ({
  className,
  children,
}: PropsWithChildren<{
  className?: string;
}>) => {
  return (
    <>
      <main
        className={cn(
          "flex min-h-[calc(100vh_-_theme(spacing.36))] flex-1 flex-col gap-4 bg-muted/40 p-4 md:gap-8 md:p-10",
          className
        )}
      >
        {children}
      </main>
      <Toaster />
    </>
  );
};

LayoutContent.displayName = "LayoutContent";
