"use client";
'use strict';

var hooks = require('@page-speed/pressable/hooks');
var react = require('react');

// lib/useNavigation.ts
var useResponsiveLayout = ({
  directionConfig = { desktop: "mediaRight", mobile: "mediaTop" }
}) => {
  const responsiveClassName = react.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 };
};

Object.defineProperty(exports, "useNavigation", {
  enumerable: true,
  get: function () { return hooks.useNavigation; }
});
exports.useResponsiveLayout = useResponsiveLayout;
