Function Drag

src/components/ui/primitives/atoms/tile.tsx:34–50

(props: React.ComponentProps<'div'>)

const Container = twx.div`w-full flex gap-md p-sm box-border h-16`;

function Drag(props: React.ComponentProps<'div'>) {
  const { className, ...rest } = props;

  return (
    <div
      className={cn(
        `w-5 h-full grid place-items-center select-none
        !cursor-grab **:!cursor-grab
        active:!cursor-grabbing active:**:!cursor-grabbing active:z-10`,
        className
      )}
      {...rest}
    >
      <Icon name="menu" size={20} />
    </div>
  );
}

const Content = twx.div`w-full`;