'use client';

import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
import { useUiStore } from '@/stores/ui/ui.store';

const ExpandedDrawerForm = () => {
  const setExpandedDrawerOpen = useUiStore((s) => s.setExpandedDrawerOpen);

  const handleClose = () => {
    setExpandedDrawerOpen(false);
  };

  return (
    <section className='w-full h-full bg-white border-l border-gray-200'>
      {/* Header */}
      <DrawerHeader
        leftIcon='mdi:arrow-left'
        leftIconSize={24}
        leftIconOnClick={handleClose}
        leftIconClassName='hover:text-gray-400 cursor-pointer'
        subtitle='Add Body Weight'
        subtitleClassName='text-sm text-neutral'
        showDivider
      />

      {/* Form Section */}
      <div className='divider mt-3'></div>
      <section className='w-full px-6'></section>
    </section>
  );
};

export default ExpandedDrawerForm;