import { ConcertTable, type ConcertData } from "@/components/concert/ConcertTable";

type Props = {
  upcoming: ConcertData[];
  past: ConcertData[];
};

export function ArtistConcertsTab({ upcoming, past }: Props) {
  return (
    <div className="space-y-12">
      {upcoming.length > 0 && (
        <section>
          <h3 className="mb-4 font-silkasb text-base">Upcoming concerts</h3>
          <ConcertTable concerts={upcoming} />
        </section>
      )}
      {past.length > 0 && (
        <section>
          <h3 className="mb-4 font-silkasb text-base">Past concerts</h3>
          <ConcertTable concerts={past} past />
        </section>
      )}
    </div>
  );
}