import React from 'react';
import { Meta, Story } from '@storybook/react/types-6-0';
import { IconCircled, IconCircledProps } from '.';
import * as Icons from '../../assets/images/icons';

export default {
  title: 'IconCircled',
  component: IconCircled,
} as Meta;

const Template: Story<IconCircledProps> = (args) => <IconCircled {...args} />;

export const Default = Template.bind({});
Default.args = {
  Asset: Icons.SvgAccountGroup,
} as IconCircledProps;

export const SmallerPrimary = Template.bind({});
SmallerPrimary.args = {
  Asset: Icons.SvgAccountGroup,
  scale: 0.75,
  width: 48,
  height: 48,
  color: 'primary',
} as IconCircledProps;
