type SectionProps = {
  icon: React.ReactNode;
  label: string;
  children: React.ReactNode;
};

function Section({ icon, label, children }: SectionProps) {
  return (
    <fieldset className="bg-white dark:bg-neutral-800/50 border border-gray-200 dark:border-neutral-700 rounded-sm px-4 sm:px-5 pb-5 pt-2">
      <legend className="flex items-center gap-2 px-2 text-[11px] font-semibold uppercase tracking-widest text-gray-400 dark:text-gray-200">
        {icon}
        {label}
      </legend>
      <div className="py-2">{children}</div>
    </fieldset>
  );
}

export default Section;