export function withDrag(Component): ComponentType {
    return (props) => {
        const [store, setStore] = useStore()

        return (
            <Component
                {...props}
                onMouseDown={(e) => {
                    e.stopPropagation()
                    const newZIndex = store.topZIndex + 1
                    setStore({ topZIndex: newZIndex })
                    props.style.zIndex = newZIndex
                }}
                onMouseUp={() => {
                    if (store.topZIndex > 1) {
                        props.style.zIndex = store.topZIndex - 1
                    }
                }}
            />
        )
    }
}