"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";