import { ReactNode } from 'react';
import PanContainer from './pan-container';

const SwipeContainer = ({
	children,
	close,
	setIsDragging,
	disableSwipe
}: {
	children: ReactNode;
	close: () => void;
	setIsDragging: (isDragging: boolean) => void;
	disableSwipe?: boolean;
}) => {
	return disableSwipe ? (
		<>{children}</>
	) : (
		<PanContainer setIsDragging={setIsDragging} close={close}>
			{children}
		</PanContainer>
	);
};

export default SwipeContainer;