"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components"); // private


const leftRightStyles = styleh_components_1.styled.css`top:0;bottom:0;min-height:100vh;max-height:100vh;overflow-y:auto;`;
const topBottomStyles = styleh_components_1.styled.css`left:auto;right:auto;`;
const topRightStyles = styleh_components_1.styled.css`left:auto;right:1rem;top:2rem;`; // background-color: peachpuff;
// color: papayawhip;

exports.StylehSidebarItem = styleh_components_1.styled.aside`position:fixed;will-change:transform;${props => props.position === 'left' && styleh_components_1.styled.css`${leftRightStyles};`};${props => props.position === 'right' && styleh_components_1.styled.css`${leftRightStyles};`};${props => props.position === 'top' && styleh_components_1.styled.css`${topBottomStyles};`};${props => props.position === 'topRight' && styleh_components_1.styled.css`${topRightStyles};`};${props => props.position === 'bottom' && styleh_components_1.styled.css`${topBottomStyles};`};`; //# sourceMappingURL=styled.js.map