@wix/design-system
Version:
@wix/design-system
7 lines (6 loc) • 3.28 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.skin = exports.direction = exports.actionThemes = void 0;
var actionThemes = exports.actionThemes = "<Layout>\n <Cell>\n <Box padding=\"20px\" backgroundColor=\"D10\">\n<FloatingHelper.Content\n title='Don\u2019t forget to setup payments'\n body='In order to sell your music you need to choose a payment method'\n actionText='Ok, Take Me There'\n onActionClick={() => null}\n actionSkin='white'\n/>\n</Box>\n</Cell>\n\n <Cell>\n <Box padding=\"20px\" backgroundColor=\"D10\">\n<FloatingHelper.Content\n title='Don\u2019t forget to setup payments'\n body='In order to sell your music you need to choose a payment method.'\n actionText='Upgrade'\n onActionClick={() => null}\n actionSkin='premium'\n/>\n</Box>\n</Cell>\n <Cell>\n <Box padding=\"20px\" backgroundColor=\"D10\">\n<FloatingHelper.Content\n title='Don\u2019t forget to setup payments'\n body='In order to sell your music you need to choose a payment method.'\n actionText='Next'\n onActionClick={() => null}\n actionSkin='lightPrimary'\n/>\n</Box>\n</Cell>\n <Cell>\n <Box padding=\"20px\" backgroundColor=\"D80\">\n<FloatingHelper.Content\n title='Don\u2019t forget to setup payments'\n body='In order to sell your music you need to choose a payment method.'\n skin=\"light\"\n actionText='Ok, Take Me There'\n onActionClick={() => null}\n actionSkin='standard'\n/>\n</Box>\n</Cell>\n <Cell>\n <Box padding=\"20px\" backgroundColor=\"D80\">\n<FloatingHelper.Content\n title='Don\u2019t forget to setup payments'\n body='In order to sell your music you need to choose a payment method.'\n skin=\"light\"\n actionText='Ok, Take Me There'\n onActionClick={() => null}\n actionSkin='standardPrimary'\n/>\n</Box>\n</Cell>\n</Layout>";
var skin = exports.skin = "<Layout>\n <Cell>\n <Box padding=\"20px\" backgroundColor=\"D10\">\n<FloatingHelper.Content\n title='Don\u2019t forget to setup payments'\n body='In order to sell your music you need to choose a payment method.'\n image={<Icons.Image style={{ color: 'white' }} width=\"102\" height=\"102\" />}\n/>\n</Box>\n</Cell>\n <Cell>\n <Box padding=\"20px\" backgroundColor=\"D80\">\n<FloatingHelper.Content\n title='Don\u2019t forget to setup payments'\n body='In order to sell your music you need to choose a payment method.'\n image={<Icons.Image width=\"102\" height=\"102\" />}\n skin=\"light\"\n/>\n</Box>\n</Cell>\n</Layout>";
var direction = exports.direction = "<StorybookComponents.Stack flexDirection=\"column\">\n<StorybookComponents.Background skin=\"dark\">\n <FloatingHelper.Content\n title=\"Don\u2019t forget to setup payments\"\n body=\"In order to sell your music you need to choose a payment method.\"\n image={\n <Icons.Image style={{ color: 'white' }} width=\"102\" height=\"102\" />\n }\n />\n</StorybookComponents.Background>\n<StorybookComponents.Background skin=\"dark\">\n <FloatingHelper.Content\n title=\"Don\u2019t forget to setup payments\"\n body=\"In order to sell your music you need to choose a payment method.\"\n direction=\"vertical\"\n image={\n <Icons.Image style={{ color: 'white' }} width=\"102\" height=\"102\" />\n }\n />\n</StorybookComponents.Background>\n</StorybookComponents.Stack>;\n";