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

React component library

import { jsx as o } from "react/jsx-runtime";
import { forwardRef as i } from "react";
import { s as n } from "./emotion-styled.browser.esm-DfbrHHed.js";
const l = (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`, d = n.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) => l(r.isExpanded, r.size)};
`, f = i((r, e) => {
  const { isExpanded: t, size: m = "small", children: s, ...a } = r;
  return /* @__PURE__ */ o(d, { ref: e, size: m, isExpanded: t, ...a, children: s });
});
f.displayName = "ACCORDION_DETAILS";
export {
  f as default,
  l as getPadding
};