var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
import { jsx } from "react/jsx-runtime";
import React from "react";
import styled from "styled-components";
import { node } from "prop-types";
import Dialog from "../../Dialog";
const StyledBottomSheet = styled(Dialog)`
  ${({
  theme: {
    yoga: {
      components: { bottomsheet }
    }
  }
}) => `
  padding: ${bottomsheet.padding.top}px ${bottomsheet.padding.right}px ${bottomsheet.padding.bottom}px ${bottomsheet.padding.left}px;
  width: ${bottomsheet.width.default}%;
  border-radius: ${bottomsheet.border.radius}px ${bottomsheet.border.radius}px 0 0;
  `}
  align-self: flex-end;
  animation: bottomsheet-slide-up;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  @keyframes bottomsheet-slide-up {
    0% {
      transform: translateY(100vh);
    }
    100% {
      transform: translateY(0);
    }
  }
`;
const BottomSheet = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(StyledBottomSheet, __spreadProps(__spreadValues({ hideCloseButton: true }, props), { ref: forwardedRef })));
BottomSheet.propTypes = {
  children: node.isRequired
};
var BottomSheet_default = BottomSheet;
export {
  BottomSheet_default as default
};
