'use client';

import React from 'react';
import BarChart from './BarChart';
import { DUMMY_DATA } from '../constants';
import { format } from 'date-fns';

function RecentResult() {
  return (
    <div className="grid grid-cols-3 gap-4">
      <div className="border border-gray-500">image</div>
      <BarChart data={DUMMY_DATA.latest.particleSizeRatio} />

      <div className="flex justify-center items-center  text-center text-xl font-semibold">
        <div>
          <div>촬영일시</div>
          <div>
            {format(DUMMY_DATA.latest.timestamp, 'yyyy-MM-dd HH:mm:ss')}
          </div>
        </div>
      </div>
    </div>
  );
}

export default RecentResult;
