components/CardsSection.jsx

import ContentCard from './ContentCard';
import PrintIcon from './PrintIcon';

const CardsSection = ({ onPrintClick }) => (
  <div className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
    <ContentCard
      title="Document Preview"
      description="Preview and print formatted documents with our custom print modal"
      icon={<PrintIcon />}
      onClick={onPrintClick}
    />
    <ContentCard
      title="Report Generation"
      description="Generate printable reports with clean layouts and formatting"
      icon={<PrintIcon />}
      onClick={onPrintClick}
    />
    <ContentCard
      title="Invoice Printing"
      description="Create and print invoices with professional formatting"
      icon={<PrintIcon />}
      onClick={onPrintClick}
    />
  </div>
);