{
  "version": 3,
  "sources": ["../../src/scrollable/component.tsx"],
  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport { useScrollable } from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedScrollable(props, forwardedRef) {\n  const scrollableProps = useScrollable(props);\n  return /*#__PURE__*/_jsx(View, {\n    ...scrollableProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `Scrollable` is a layout component that content in a scrollable container.\n *\n * ```jsx\n * import { __experimentalScrollable as Scrollable } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<Scrollable style={ { maxHeight: 200 } }>\n * \t\t\t<div style={ { height: 500 } }>...</div>\n * \t\t</Scrollable>\n * \t);\n * }\n * ```\n */\nexport const Scrollable = contextConnect(UnconnectedScrollable, 'Scrollable');\nexport default Scrollable;"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAA+B;AAC/B,kBAAqB;AACrB,kBAA8B;AAC9B,yBAA4B;AAC5B,SAAS,sBAAsB,OAAO,cAAc;AAClD,QAAM,sBAAkB,2BAAc,KAAK;AAC3C,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAiBO,IAAM,iBAAa,+BAAe,uBAAuB,YAAY;AAC5E,IAAO,oBAAQ;",
  "names": ["_jsx"]
}