'use client';
import { SlotDate } from './components/slot-date';
import { SlotTime } from './components/slot-time';
import { ScheduleTimeContextProvider } from './context';
import { type SlotComponentProps } from './types';
import { withContext } from '@/utils/context';

export const SlotDateTime = withContext(ScheduleTimeContextProvider)(function (
  props: Readonly<SlotComponentProps>,
) {
  return (
    <div className="flex flex-col">
      <SlotDate {...props} />
      <SlotTime {...props} />
    </div>
  );
});