"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');


var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');


var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');


var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');


var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');


var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');

// src/components/ButtonRow.tsx
var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
var _jsxruntime = require('@emotion/react/jsx-runtime');
function ButtonRow({
  buttons,
  className,
  smSticky = true,
  bottomBorder = true,
  headerHeight = 0,
  ml
}) {
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
    StyledButtonRow,
    {
      smSticky,
      headerHeight,
      bottomBorder,
      ml,
      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRowButton, { className, children: buttons.map(
        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKKOBB4X5cjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
      ) })
    }
  );
}
var StyledButtonRow = _styled2.default.div`
  max-width: 100%;
  ${({ ml }) => typeof ml !== "undefined" ? `margin-left: ${ml}px;` : ``}
  ${({ theme }) => _chunkKW3JYLRIcjs.bp.sm(`background: ${theme.bg}`)}
  ${({ headerHeight, smSticky, bottomBorder }) => _chunkKW3JYLRIcjs.bp.sm(
  `
        ${smSticky ? `
            display: block;
            position: sticky;
            top: ${headerHeight}px;
            margin-top: 24px;
            margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
            width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.smPx * 2}px);
            max-width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.smPx * 2}px);
            z-index: 2;` : `position: relative;`}
        ${bottomBorder ? `
            &:before {
              content: "";
              box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.09);
              height: 1px;
              position: absolute;
              background: black;
              bottom: 1px;
              width: 100%;
              z-index: 0;
            }
          ` : ``}
        z-index: 2;
      `
)}
`;
var ButtonRowDivider = _styled2.default.div`
  border-left: 1px #d9d9d9 solid;
  margin-left: 16px;
  padding-left: 16px;
`;
var StyledButtonRowButton = _styled2.default.div`
  ${_chunkMFKERIW4cjs.overflowAutoWithoutScrollbars}
  background: ${({ theme }) => theme.bg};
  display: flex;
  position: relative;
  z-index: 1;
  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};

  & ${ButtonRowDivider} + button,
  & ${ButtonRowDivider} + a {
    margin-left: 0;
  }

  ${_chunkKW3JYLRIcjs.bp.sm(`
    padding: ${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
  `)}
`;





exports.ButtonRow = ButtonRow; exports.StyledButtonRow = StyledButtonRow; exports.StyledButtonRowButton = StyledButtonRowButton;
