"use client";
export { useNavigation } from '@page-speed/pressable/hooks';
import { useMemo } from 'react';

// lib/useNavigation.ts
var useResponsiveLayout = ({
  directionConfig = { desktop: "mediaRight", mobile: "mediaTop" }
}) => {
  const responsiveClassName = useMemo(() => {
    const desktopOrder = directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";
    const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col-reverse" : "flex-col";
    return `${mobileOrder} ${desktopOrder}`;
  }, [directionConfig.desktop, directionConfig.mobile]);
  return { responsiveClassName };
};

export { useResponsiveLayout };
