supabase/apps/www/components/Events/new/EventGallery.tsx

import { cn } from 'ui'

import { EventGalleryFilters } from './EventGalleryFilters'
import { EventList } from './EventList'
import { EventTimeline } from './EventTimeline'

export function EventGallery() {
  return (
    <section className={cn('grid md:grid-cols-[minmax(320px,35%)_16px_1fr] gap-12 min-h-[60vh]')}>
      <div className="sticky top-16 md:top-24 py-4 bg-background self-start z-20">
        <EventGalleryFilters />
      </div>
      <EventTimeline />
      <EventList />
    </section>
  )
}