content: import React from 'react';
  import Edit from 'wix-ui-icons-common/Edit';
  import Delete from 'wix-ui-icons-common/Delete';
  import Email from 'wix-ui-icons-common/Email';
  import More from 'wix-ui-icons-common/More';
  
  import { storySettings } from './storySettings';
  import PopoverMenu from '../../PopoverMenu';
  
  import { Badge, IconButton } from 'wix-style-react';
  
  const backgroundImageUrl =
    'https://static.wixstatic.com/media/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg/v1/fill/w_343,h_343,al_c,q_80,usm_0.66_1.00_0.01/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg';
  
  const getPrimaryActionProps = label => ({
    label,
    onClick: () => {
      alert('Primary action clicked');
    },
  });
  const getSecondaryActionProps = label => ({
    label,
    onClick: () => {
      alert('Secondary action clicked');
    },
  });
  
  const commonProps = {
    badge: (
      <Badge size="medium" skin="standard" type="solid" uppercase>
        sale
      </Badge>
    ),
    title: 'Card Title',
    subtitle: 'Card subtitle',
    backgroundImageUrl: backgroundImageUrl,
  };
  
  export default {
    ...commonProps,
    dataHook: storySettings.dataHook,
    primaryActionProps: getPrimaryActionProps('Button'),
    secondaryActionProps: getSecondaryActionProps('Text Link'),
    settingsMenu: (
      <PopoverMenu
        triggerElement={({ toggle }) => (
          <IconButton
            onClick={e => {
              e.stopPropagation();
              toggle();
            }}
            skin="light"
            size="small"
            priority="secondary"
          >
            <More />
          </IconButton>
        )}
      >
        <PopoverMenu.MenuItem text="Edit" prefixIcon={<Edit />} />
        <PopoverMenu.MenuItem text="Delete" prefixIcon={<Delete />} />
        <PopoverMenu.MenuItem text="Email" prefixIcon={<Email />} />
        <PopoverMenu.MenuItem text="Something" disabled />
      </PopoverMenu>
    ),
  };
  