'use client';

import React from 'react';

interface Props {
  icon?: React.ReactNode;
  title: string;
  children: React.ReactNode;
  noPadding?: boolean;
}

export function SectionCard({ icon, title, children, noPadding }: Props) {
  return (
    <div className="section-card animate-slide-in">
      <div className="section-header">
        {icon}
        <span>{title}</span>
      </div>
      <div className={noPadding ? '' : 'p-4 space-y-4'}>{children}</div>
    </div>
  );
}