import { cn } from "@/lib/utils";
import React from "react";

function Section({
  children,
  heading,
  className,
}: {
  children?: React.ReactNode;
  heading?: string;
  className?: string;
}) {
  return (
    <section className={cn("px-4 space-y-4", className)}>
      {heading?.length ? (
        <h2 className=" text-xl font-semibold">{heading}</h2>
      ) : null}
      {children}
    </section>
  );
}

export default Section;
