wix-style-react
Version:
wix-style-react
15 lines (9 loc) • 1.2 kB
JavaScript
import React from 'react';
export var getImageUrl = function getImageUrl(w, h) {
return 'https://static.wixstatic.com/media/c78d05b79ede429fb77c9d8ec4443b93.jpg/v1/fit/w_' + w + ',h_' + h + '/c78d05b79ede429fb77c9d8ec4443b93.jpg';
};
export var image = React.createElement('img', { src: getImageUrl(300, 200) });
export var 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>';
export var selectedWithImage = '<Thumbnail\n title="Thumbnail Title"\n description="Description about this thumbnail option goes here"\n image="' + getImageUrl(234, 72) + '"\n width={270}\n />';
export var selectedWithBackgroundImage = '<Thumbnail\n backgroundImage="' + getImageUrl(270, 270) + '"\n width={270}\n height={270}\n />';
export var 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>';