wix-style-react
Version:
83 lines (80 loc) • 2.2 kB
JavaScript
export const actionThemes = `<Layout>
<Cell>
<Box padding="20px" backgroundColor="D10">
<FloatingHelper.Content
title='Don’t forget to setup payments'
body='In order to sell your music you need to choose a payment method'
actionText='Ok, Take Me There'
onActionClick={() => null}
actionTheme='white'
/>
</Box>
</Cell>
<Cell>
<Box padding="20px" backgroundColor="D10">
<FloatingHelper.Content
title='Don’t forget to setup payments'
body='In order to sell your music you need to choose a payment method.'
actionText='Upgrade'
onActionClick={() => null}
actionTheme='premium'
/>
</Box>
</Cell>
<Cell>
<Box padding="20px" backgroundColor="D10">
<FloatingHelper.Content
title='Don’t forget to setup payments'
body='In order to sell your music you need to choose a payment method.'
actionText='Next'
onActionClick={() => null}
actionTheme='lightPrimary'
/>
</Box>
</Cell>
<Cell>
<Box padding="20px" backgroundColor="D80">
<FloatingHelper.Content
title='Don’t forget to setup payments'
body='In order to sell your music you need to choose a payment method.'
appearance="light"
actionText='Ok, Take Me There'
onActionClick={() => null}
actionTheme='standard'
/>
</Box>
</Cell>
<Cell>
<Box padding="20px" backgroundColor="D80">
<FloatingHelper.Content
title='Don’t forget to setup payments'
body='In order to sell your music you need to choose a payment method.'
appearance="light"
actionText='Ok, Take Me There'
onActionClick={() => null}
actionTheme='standardPrimary'
/>
</Box>
</Cell>
</Layout>`;
export const appearance = `<Layout>
<Cell>
<Box padding="20px" backgroundColor="D10">
<FloatingHelper.Content
title='Don’t forget to setup payments'
body='In order to sell your music you need to choose a payment method.'
image={<Icons.Image style={{ color: 'white' }} width="102" height="102" />}
/>
</Box>
</Cell>
<Cell>
<Box padding="20px" backgroundColor="D80">
<FloatingHelper.Content
title='Don’t forget to setup payments'
body='In order to sell your music you need to choose a payment method.'
image={<Icons.Image width="102" height="102" />}
appearance="light"
/>
</Box>
</Cell>
</Layout>`;