@lanaco/lnc-react-ui/dist/AccordionDetails.js

React component library

import { jsx as n } from "react/jsx-runtime";
import { forwardRef as l } from "react";
import { P as m } from "./index-S5Cd7WrG.js";
import { n as f } from "./emotion-styled.browser.esm-CjCaF13H.js";
const d = (r, e) => e == "medium" ? `${r ? "0.4rem" : "0"} 1.25rem ${r ? "0.8rem" : "0"} 1.25rem` : e == "large" ? `${r ? "0.6rem" : "0"} 1.5rem ${r ? "1rem" : "0"} 1.5rem` : `${r ? "0.2rem" : "0"} 1rem ${r ? "0.6rem" : "0"} 1rem`, c = f.div`
  transform: ${(r) => r.isExpanded ? "scaleY(1)" : "scaleY(0)"};
  transform-origin: top;
  transition: transform 0.25s ease;
  max-height: ${(r) => r.isExpanded ? "auto" : "0"};
  padding: ${(r) => d(r.isExpanded, r.size)};
`, t = l((r, e) => {
  const {
    __TYPE__: p = "ACCORDION_DETAILS",
    isExpanded: s,
    size: o = "small",
    children: a,
    ...i
  } = r;
  return /* @__PURE__ */ n(c, { ref: e, size: o, isExpanded: s, ...i, children: a });
});
t.propTypes = {
  __TYPE__: m.string,
  //---------------------------------------------------------------
  className: m.string,
  style: m.object,
  size: m.oneOf(["small", "medium", "large"])
};
t.displayName = "ACCORDION_DETAILS";
export {
  t as default,
  d as getPadding
};