import * as React from 'react';
import Text from '../../../text/Text';

var DefaultStoryContainer = function DefaultStoryContainer(_ref) {
  var height = _ref.height,
      children = _ref.children,
      caption = _ref.caption,
      onClick = _ref.onClick;
  return /*#__PURE__*/React.createElement("div", {
    style: {
      height: height,
      minWidth: 200,
      display: 'flex',
      padding: '3em',
      justifyContent: 'center',
      position: 'relative',
      cursor: 'pointer'
    },
    onClick: onClick
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      userSelect: 'none',
      position: 'absolute',
      left: 10,
      bottom: 10,
      right: 10
    }
  }, /*#__PURE__*/React.createElement(Text, {
    size: "small",
    color: "text-gray-50",
    noWrap: true,
    align: "to-center"
  }, caption)), children);
};

export default DefaultStoryContainer;