// SPDX-FileCopyrightText: 2025 Contributors to the CitrineOS Project
//
// SPDX-License-Identifier: Apache-2.0
'use client';

import dynamic from 'next/dynamic';

const StationDetailPage = dynamic(
  () => import('./StationDetailPage'),
  { 
    ssr: false,
    loading: () => (
      <div style={{ padding: '20px' }}>
        <div style={{ background: '#f0f0f0', height: '100px', marginBottom: '10px', borderRadius: '4px' }} />
        <div style={{ background: '#f0f0f0', height: '200px', borderRadius: '4px' }} />
      </div>
    ),
  }
);

interface ClientStationDetailPageProps {
  id: string;
}

export default function ClientStationDetailPage({ id }: ClientStationDetailPageProps) {
  return <StationDetailPage id={id} />;
}
