import React from 'react';
import { Meta, Story } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import {
  MoleculeButtonBadge,
  IButtonBadgeProps,
} from 'native/molecules/ButtonBadge';
import { theme } from 'data/dataMx';

const meta: Meta = {
  title: 'React Native/molecules/ButtonBadge',
  component: MoleculeButtonBadge,
  argTypes: {},
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateButtonBadge: Story<IButtonBadgeProps> = (props) => (
  <MoleculeButtonBadge {...props} />
);

export const ButtonBadge = TemplateButtonBadge.bind({});

ButtonBadge.args = {
  badgeText: 'Prueba',
  badgeStatus: 'inProgress',
  image: 'https://i.ibb.co/0rW958L/cheers-2.png',
  bgColor: 'secondary',
  altTextImg: 'Test Image',
  onPress: action('Badge clicked!'),
};
