Resizable

import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/components/optics/resizable";<ResizablePanelGroup  className="max-w-md rounded-lg border bg-background"  direction="horizontal">  <ResizablePanel defaultSize={50}>    <div className="flex h-[200px] items-center justify-center p-6">      <span className="font-semibold">        One      </span>    </div>  </ResizablePanel>  <ResizableHandle withHandle />  <ResizablePanel defaultSize={50}>    <div className="flex h-[200px] items-center justify-center p-6">      <span className="font-semibold">        Two      </span>    </div>  </ResizablePanel></ResizablePanelGroup>