"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
// private
const leftRightStyles = view_container_1.styled.css `
  top: 0;
  bottom: 0;
  min-height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
`;
const topBottomStyles = view_container_1.styled.css `
  left: auto;
  right: auto;
`;
const topRightStyles = view_container_1.styled.css `
  left: auto;
  right: 1rem;
  top: 2rem;
`;
exports.StylehSidebarItem = view_container_1.styled.aside `
  position: fixed;
  will-change: transform;

  background-color: peachpuff;
  color: papayawhip;

  ${props => props.position === 'left' &&
    view_container_1.styled.css `
      ${leftRightStyles};
    `};

  ${props => props.position === 'right' &&
    view_container_1.styled.css `
      ${leftRightStyles};
    `};

  ${props => props.position === 'top' &&
    view_container_1.styled.css `
      ${topBottomStyles};
    `};

  ${props => props.position === 'topRight' &&
    view_container_1.styled.css `
      ${topRightStyles};
    `};

  ${props => props.position === 'bottom' &&
    view_container_1.styled.css `
      ${topBottomStyles};
    `};
`;
//# sourceMappingURL=_styled.js.map