wix-style-react/dist/stories/Thumbnail/examples.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.listOfSmall = exports.selectedWithBackgroundImage = exports.selectedWithImage = exports.exampleDefault = exports.image = exports.getImageUrl = undefined;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var getImageUrl = exports.getImageUrl = function getImageUrl(w, h) {
  return 'https://static.wixstatic.com/media/c78d05b79ede429fb77c9d8ec4443b93.jpg/v1/fit/w_' + w + ',h_' + h + '/c78d05b79ede429fb77c9d8ec4443b93.jpg';
};

var image = exports.image = _react2.default.createElement('img', { src: getImageUrl(300, 200) });

var exampleDefault = exports.exampleDefault = '<Layout gap="12px">\n  <Cell span={6}>\n    <Thumbnail title="Thumbnail" />\n  </Cell>\n\n  <Cell span={6}>\n    <Thumbnail\n      title="Thumbnail"\n      selected\n    />\n  </Cell>\n</Layout>';

var selectedWithImage = exports.selectedWithImage = '<Thumbnail\n  title="Thumbnail Title"\n  description="Description about this thumbnail option goes here"\n  image="' + getImageUrl(234, 72) + '"\n  width={270}\n  />';

var selectedWithBackgroundImage = exports.selectedWithBackgroundImage = '<Thumbnail\n  backgroundImage="' + getImageUrl(270, 270) + '"\n  width={270}\n  height={270}\n  />';

var listOfSmall = exports.listOfSmall = '<Layout gap="12px">\n  { [1,2,3,4].map(n =>\n    <Cell key={n} span={1}>\n      <Thumbnail\n        size="tiny"\n        backgroundImage="' + getImageUrl(64, 64) + '"\n        selected={n === 2}\n        width={64}\n        height={64}\n        />\n    </Cell>\n  ) }\n</Layout>';