"use client";
'use strict';

var react = require('react');

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 };
};

exports.useResponsiveLayout = useResponsiveLayout;
