aspect-ratio-stories.06c607df.iframe.bundle.js

(self.webpackChunkwww=self.webpackChunkwww||[]).push([[960],{"../../node_modules/@storybook/nextjs/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="../../node_modules/@storybook/nextjs/dist sync recursive",module.exports=webpackEmptyContext},"./registry/stories/aspect-ratio.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,default:()=>aspect_ratio_stories});var _Base$parameters,_Base$parameters2,defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),react=__webpack_require__("../../node_modules/react/index.js"),next_image=__webpack_require__("../../node_modules/@storybook/nextjs/dist/images/next-image.mjs"),AspectRatio=__webpack_require__("../../node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs").f;try{AspectRatio.displayName="AspectRatio",AspectRatio.__docgenInfo={description:"",displayName:"AspectRatio",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["registry/default/ui/aspect-ratio.tsx#AspectRatio"]={docgenInfo:AspectRatio.__docgenInfo,name:"AspectRatio",path:"registry/default/ui/aspect-ratio.tsx#AspectRatio"})}catch(__react_docgen_typescript_loader_error){}var __jsx=react.createElement;function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){(0,defineProperty.Z)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}const aspect_ratio_stories={title:"ui/AspectRatio",component:AspectRatio,tags:["autodocs"],argTypes:{}};var Base={render:function render(){return __jsx(AspectRatio,{ratio:16/9,className:"bg-slate-50 dark:bg-slate-800"},__jsx(next_image.Z,{src:"https://images.unsplash.com/photo-1576075796033-848c2a5f3696?w=800&dpr=2&q=80",alt:"Photo by Alvaro Pinot",fill:!0,className:"rounded-md object-cover"}))},args:{}};Base.parameters=_objectSpread(_objectSpread({},Base.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Base$parameters=Base.parameters)||void 0===_Base$parameters?void 0:_Base$parameters.docs),{},{source:_objectSpread({originalSource:'{\n  render: () => <AspectRatio ratio={16 / 9} className="bg-slate-50 dark:bg-slate-800">\n      <Image src="https://images.unsplash.com/photo-1576075796033-848c2a5f3696?w=800&dpr=2&q=80" alt="Photo by Alvaro Pinot" fill className="rounded-md object-cover" />\n    </AspectRatio>,\n  args: {}\n}'},null===(_Base$parameters2=Base.parameters)||void 0===_Base$parameters2||null===(_Base$parameters2=_Base$parameters2.docs)||void 0===_Base$parameters2?void 0:_Base$parameters2.source)})})}}]);