import React from 'react';
import dynamic from 'next/dynamic';
import Layout from '@/components/Layout';

const StockQuery = dynamic(() => import('@/components/StockQueryFixed'), {
  ssr: false,
  loading: () => (
    <div className="animate-pulse space-y-4">
      <div className="h-4 bg-gray-200 rounded w-1/4"></div>
      <div className="space-y-2">
        <div className="h-4 bg-gray-200 rounded"></div>
        <div className="h-4 bg-gray-200 rounded w-5/6"></div>
      </div>
    </div>
  ),
});

const QueryPage: React.FC = () => {
  return (
    <Layout title="Stock Oracle - 데이터 조회">
      <StockQuery />
    </Layout>
  );
};

export default QueryPage;