import './Sheet.styles_u8e0ka.css';
import { styled } from '@linaria/react';
import { tokens } from './Sheet.tokens.js';
import { handleTransition } from './utils/handleTransition.js';

var _exp = function _exp() {
  return handleTransition('all 0.5s 0.1s');
};
var StyledContentWrapper = /*#__PURE__*/styled('div')({
  name: "StyledContentWrapper",
  "class": "s1tjt6d5",
  propsAsIs: false,
  vars: {
    "s1tjt6d5-0": [/*#__PURE__*/_exp()]
  }
});
var StyledSheetHandle = /*#__PURE__*/styled('div')({
  name: "StyledSheetHandle",
  "class": "svg98rd",
  propsAsIs: false
});
var _exp6 = function _exp6() {
  return function (_ref) {
    var hasHeader = _ref.hasHeader;
    return hasHeader ? 'unset' : '1rem';
  };
};
var _exp7 = function _exp7() {
  return function (_ref2) {
    var hasFooter = _ref2.hasFooter;
    return hasFooter ? 'unset' : '1rem';
  };
};
var StyledSheetContent = /*#__PURE__*/styled('div')({
  name: "StyledSheetContent",
  "class": "s1o2pjia",
  propsAsIs: false,
  vars: {
    "s1o2pjia-0": [/*#__PURE__*/_exp6()],
    "s1o2pjia-1": [/*#__PURE__*/_exp7()]
  }
});
var _exp8 = function _exp8() {
  return function (_ref3) {
    var isHeaderFixed = _ref3.isHeaderFixed;
    return isHeaderFixed ? 'sticky' : 'static';
  };
};
var _exp9 = function _exp9() {
  return function (_ref4) {
    var isHeaderFixed = _ref4.isHeaderFixed;
    return isHeaderFixed ? '0' : 'unset';
  };
};
var _exp0 = function _exp0() {
  return function (_ref5) {
    var isHeaderFixed = _ref5.isHeaderFixed;
    return isHeaderFixed ? "var(".concat(tokens.contentBackgroundColor, ")") : 'transparent';
  };
};
var StyledSheetHeader = /*#__PURE__*/styled('div')({
  name: "StyledSheetHeader",
  "class": "s11m0tes",
  propsAsIs: false,
  vars: {
    "s11m0tes-0": [/*#__PURE__*/_exp8()],
    "s11m0tes-1": [/*#__PURE__*/_exp9()],
    "s11m0tes-2": [/*#__PURE__*/_exp0()]
  }
});
var StyledSheetBody = /*#__PURE__*/styled('div')({
  name: "StyledSheetBody",
  "class": "sjk4my6",
  propsAsIs: false
});
var _exp1 = function _exp1() {
  return function (_ref6) {
    var isFooterFixed = _ref6.isFooterFixed;
    return isFooterFixed ? 'sticky' : 'static';
  };
};
var _exp10 = function _exp10() {
  return function (_ref7) {
    var isFooterFixed = _ref7.isFooterFixed;
    return isFooterFixed ? '0' : 'unset';
  };
};
var _exp11 = function _exp11() {
  return function (_ref8) {
    var isFooterFixed = _ref8.isFooterFixed;
    return isFooterFixed ? "var(".concat(tokens.contentBackgroundColor, ")") : 'transparent';
  };
};
var StyledSheetFooter = /*#__PURE__*/styled('div')({
  name: "StyledSheetFooter",
  "class": "s1h2kg0d",
  propsAsIs: false,
  vars: {
    "s1h2kg0d-0": [/*#__PURE__*/_exp1()],
    "s1h2kg0d-1": [/*#__PURE__*/_exp10()],
    "s1h2kg0d-2": [/*#__PURE__*/_exp11()]
  }
});

export { StyledContentWrapper, StyledSheetBody, StyledSheetContent, StyledSheetFooter, StyledSheetHandle, StyledSheetHeader };
