koval-ui/dist/src/lib/Dialog/TransitionDialog.js

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";
import { jsx as l } from "react/jsx-runtime";
import o from "classnames";
import { Transition as a } from "../../internal/Transitions/Transition.js";
import e from "../../internal/Transitions/Transitions.module.css.js";
import { Animations as r } from "./types.js";
const x = ({ children: t, animation: s, ...i }) => /* @__PURE__ */ l(
  a,
  {
    ...i,
    exitClassName: o(
      {
        [e.slideTopExit]: s === r["slide-top"],
        [e.scaleInExit]: s === r["scale-in"]
      },
      e.backdropFadeExit
    ),
    enterClassName: o(
      {
        [e.slideTopEnter]: s === r["slide-top"],
        [e.scaleInEnter]: s === r["scale-in"]
      },
      e.backdropFadeEnter
    ),
    children: t
  }
);
export {
  x as TransitionDialog
};
//# sourceMappingURL=TransitionDialog.js.map