25 lines
676 B
TypeScript
25 lines
676 B
TypeScript
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>
|
|
);
|
|
}
|