Expandable Dock

import ExpandableDock from '@/components/ui/expandable-dock';

<ExpandableDock
  headerContent={
    <div className='flex items-center gap-2'>
      <span className='text-lg font-semibold'>Open Dock</span>
    </div>
  }
  className='max-w-lg'
>
  <p className='text-white'>
    This is the expandable content area. Put anything you want here, like
    navigation, controls, or info.
  </p>
</ExpandableDock>