import { jsx as _jsx } from "react/jsx-runtime";
import { css } from "styled-components";
import "overlayscrollbars/css/OverlayScrollbars.css";
export function ModalDetail({ content, padding = "8px", background = "#89878794", }) {
    return (_jsx("div", { className: "openk9-modal-mobile openk9-modal", css: css `
        position: relative;
      `, children: _jsx("div", { className: "openk9-wrapper-modal openk9-container-modal", css: css `
          padding: ${padding};
          z-index: 500;
          position: fixed;
          top: 0px;
          left: 0px;
          right: 0px;
          bottom: 0px;
          background: ${background};
          overflow: auto;
        `, children: content }) }));
}
