'use client';

import { Card } from '@/components/ui/card';
import { MajorChart } from './charts/major-chart';
import { UniversityBar } from './charts/university-bar';

export function ChartsSection() {
  return (
    <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 my-2 mt-4">
      <Card className="p-6 border-2">
        <h3 className="text-base font-semibold text-center text-blue-500">
          All Major
        </h3>
        <MajorChart />
      </Card>
      <Card className="p-6 border-2">
        <h3 className="text-base font-semibold text-center text-blue-500">
          All University
        </h3>
        <UniversityBar />
      </Card>
    </div>
  );
}