'use client'

import { useEffect } from 'react'
import { useSearchParams } from 'next/navigation'

export function RtlProvider() {
  const searchParams = useSearchParams()
  const lang = searchParams.get('lang')
  const isRtl = lang === 'ps' || lang === 'dr'

  useEffect(() => {
    document.documentElement.dir = isRtl ? 'rtl' : 'ltr'
  }, [isRtl])

  return null
}