"use client"

import type { ReactNode } from "react"
import { cn } from "@/lib/utils"
import {
  dashboardContentGap,
  dashboardContentPadding,
} from "@/components/dashboard/shared/dashboard-layout"

export interface DashboardPageContentProps {
  children: ReactNode
  className?: string
}

export function DashboardPageContent({
  children,
  className,
}: DashboardPageContentProps) {
  return (
    <div
      className={cn(
        "flex flex-1 flex-col w-full min-w-0",
        dashboardContentPadding,
        dashboardContentGap,
        className,
      )}
    >
      {children}
    </div>
  )
}