{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/hFztHyG9cejPvdhaUqFo/KvEYnOGnVultfdjUk4xI/Shelves.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{ControlType,addPropertyControls}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Shelves(props){const gapHeight=120;const shelfHeight=props.bookHeight+gapHeight;const containerStyle={height:props.extendHeight?`calc(100% + ${gapHeight}px)`:\"100%\",width:\"100%\",backgroundImage:`repeating-linear-gradient(\n            to bottom,\n            ${props.stop1Color} 0px,\n            ${props.stop2Color} ${shelfHeight-.5}px,\n            ${props.separatorColor} ${shelfHeight-.5}px,\n            ${props.separatorColor} ${shelfHeight}px\n        )`};return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:props.hideLastSeparator===true&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",bottom:\"0\",left:\"0\",width:\"100%\",height:\"0.5px\",backgroundColor:props.stop2Color}})});}Shelves.defaultProps={bookHeight:360,separatorColor:\"#000000\",stop1Color:\"#FFFFFF\",stop2Color:\"#F0F0F0\",extendHeight:true,hideLastSeparator:false};addPropertyControls(Shelves,{bookHeight:{type:ControlType.Number,title:\"Book Height\"},separatorColor:{type:ControlType.Color,title:\"Separator Color\"},stop1Color:{type:ControlType.Color,title:\"Stop 1 Color\"},stop2Color:{type:ControlType.Color,title:\"Stop 2 Color\"},extendHeight:{type:ControlType.Boolean,title:\"Extend Height\"},hideLastSeparator:{type:ControlType.Boolean,title:\"Hide Last Separator\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Shelves\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Shelves.map"],
  "mappings": "yFAQkB,SAARA,EAAyBC,EAAM,CAAqB,IAAMC,EAAYD,EAAM,WAAW,IAAgBE,EAAe,CAAC,OAAOF,EAAM,aAAa,qBAA8B,OAAO,MAAM,OAAO,gBAAgB;AAAA;AAAA,cAE/MA,EAAM;AAAA,cACNA,EAAM,cAAcC,EAAY;AAAA,cAChCD,EAAM,kBAAkBC,EAAY;AAAA,cACpCD,EAAM,kBAAkBC;AAAA,UAC5B,EAAE,OAAoBE,EAAK,MAAM,CAAC,MAAMD,EAAe,SAASF,EAAM,oBAAoB,IAAmBG,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,OAAO,IAAI,KAAK,IAAI,MAAM,OAAO,OAAO,QAAQ,gBAAgBH,EAAM,UAAU,CAAC,CAAC,CAAC,CAAC,CAAE,CAACD,EAAQ,aAAa,CAAC,WAAW,IAAI,eAAe,UAAU,WAAW,UAAU,WAAW,UAAU,aAAa,GAAK,kBAAkB,EAAK,EAAEK,EAAoBL,EAAQ,CAAC,WAAW,CAAC,KAAKM,EAAY,OAAO,MAAM,aAAa,EAAE,eAAe,CAAC,KAAKA,EAAY,MAAM,MAAM,iBAAiB,EAAE,WAAW,CAAC,KAAKA,EAAY,MAAM,MAAM,cAAc,EAAE,WAAW,CAAC,KAAKA,EAAY,MAAM,MAAM,cAAc,EAAE,aAAa,CAAC,KAAKA,EAAY,QAAQ,MAAM,eAAe,EAAE,kBAAkB,CAAC,KAAKA,EAAY,QAAQ,MAAM,qBAAqB,CAAC,CAAC",
  "names": ["Shelves", "props", "shelfHeight", "containerStyle", "p", "addPropertyControls", "ControlType"]
}