@kiwicom/orbit-components/es/Modal/ModalSection/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use client";

import * as React from "react";
import cx from "clsx";
import { ModalContext } from "../ModalContext";
import useModalContextFunctions from "../helpers/useModalContextFunctions";
export const ModalSectionWrapper = ({
  className,
  children,
  suppressed,
  closable,
  isMobileFullPage,
  dataTest
}) => {
  return /*#__PURE__*/React.createElement("section", {
    className: cx(className, "orbit-modal-section", "py-lg px-md lm:p-xl box-border w-full", "border-b-solid border-b-elevation-flat-border-color border-b", "last-of-type:[&:not(:last-child)]:rounded-b-none", suppressed ? ["bg-cloud-light", "first-of-type:border-t-solid first-of-type:border-t-elevation-flat-border-color lm:first-of-type:mt-xxl first-of-type:border-t", "last-of-type:border-b-solid last-of-type:border-b-elevation-flat-border-color [&_~_.orbit-modal-footer]:last-of-type:mt-md last-of-type:border-b", closable && "first-of-type:mt-lg"] : ["bg-white-normal", "lm:[&_~_.orbit-modal-footer]:last-of-type:pt-0 last-of-type:border-b-0"], !isMobileFullPage && ["first-of-type:rounded-t-modal-mobile lm:first-of-type:rounded-t-modal", "last-of-type:rounded-b-modal-mobile lm:last-of-type:rounded-t-modal lm:[&_~_.orbit-modal-footer]:last-of-type:mt-0"]),
    "data-test": dataTest
  }, children);
};
const ModalSection = ({
  children,
  suppressed,
  dataTest
}) => {
  const {
    removeHasModalSection,
    setHasModalSection,
    isMobileFullPage,
    closable
  } = React.useContext(ModalContext);
  useModalContextFunctions();

  /*
    Run on every re-render to prevent setting hasModalSection to false when there's more sections
   */
  React.useEffect(() => {
    if (setHasModalSection) setHasModalSection();
  });
  React.useEffect(() => {
    return () => {
      if (removeHasModalSection) removeHasModalSection();
    };
  }, [removeHasModalSection]);
  return /*#__PURE__*/React.createElement(ModalSectionWrapper, {
    dataTest: dataTest,
    suppressed: suppressed,
    closable: closable,
    isMobileFullPage: isMobileFullPage
  }, children);
};
export default ModalSection;