export const slides = [
  {
    imageUrl: '/img/onboarding-1.png',
    title: '일상을 탐험하듯 기록하세요',
    description:
      '매일 걷는 거리도 게임처럼, \n 당신의 발자취를 따라 \n 나만의 이야기 지도를 만들어보세요.',
  },
  {
    imageUrl: '/img/onboarding-2.png',
    title: '내 위치, 내 기록으로 완성되는 추천',
    description:
      '지금 이곳과 지난 나를 기반으로 \n 딱 맞는 장소를 추천해드립니다.',
  },
  {
    imageUrl: '/img/onboarding-3.png',
    title: '검색하는 단어에도 의미를 담아',
    description: '당신이 원하는 장소,\n  지금 가장 어울리는공간을  찾아드려요.',
  },
  {
    imageUrl: '/img/onboarding-4.png',
    title: '핀 하나로, 하루를 기록하세요',
    description:
      '현재 위치에 핀을 찍고 \n 그 순간의 감정과 기억을 \n 기록으로 남겨보세요.',
  },
];

// 카카오 로그인 URL 획득
const { redirect_url } = await getOAuthRedirectUrl();
window.location.href = redirect_url;

const variants = {
  enter: (direction) => ({
    x: direction > 0 ? 300 : -300,
    opacity: 0,
    position: 'absolute',
  }),
  center: {
    x: 0,
    opacity: 1,
    position: 'relative',
  },
  exit: (direction) => ({
    x: direction < 0 ? 300 : -300,
    opacity: 0,
    position: 'absolute',
  }),
};

<motion.div
  drag="x"
  dragConstraints={{ left: 0, right: 0 }}
  dragElastic={0.2}
  onDragEnd={(e, info) => {
    const offsetX = info.offset.x;
    const velocityX = info.velocity.x;

    if (offsetX < -100 || velocityX < -500) {
      paginate(1); // 다음 슬라이드
    } else if (offsetX > 100 || velocityX > 500) {
      paginate(-1); // 이전 슬라이드
    }
  }}
/>

useEffect(() => {
  const handleRedirect = async () => {
    const { redirect_url } = await getOAuthRedirectUrl();
    setRedirectUrl(redirect_url);
  };
  handleRedirect();
}, []);