"use client";

import { ReactNode } from "react";

export function TeacherPanel({
  children,
  className = "",
  padded = true,
}: {
  children: ReactNode;
  className?: string;
  padded?: boolean;
}) {
  return (
    <section
      className={`overflow-hidden rounded-2xl border border-[var(--border)] bg-white shadow-sm ${className}`}
    >
      {padded ? <div className="p-3 sm:p-4 lg:p-5">{children}</div> : children}
    </section>
  );
}