import React from 'react';
import { ErrorIcon } from '../../../../icons/ErrorIcon';
import { ButtonIcon as ButtonIconComponent } from '../../icon/ButtonIcon';
import { sharedArgs, sharedArgTypes } from '../.shared/buttonArgs';

export default {
  title: 'Components/Buttons/Button Icon',
  component: ButtonIconComponent,
  args: {
    ...sharedArgs,
    size: 'xs',
  },
  argTypes: sharedArgTypes,
};

export const ButtonIcon = (args) => (
  <ButtonIconComponent {...args}>
    <ErrorIcon />
  </ButtonIconComponent>
);
