import { componentName } from '../src/components/descope-loader-radial';
import { modeControl, sizeControl } from './commonControls';

const Template = ({ mode, size }) => `
  <descope-loader-radial
    size="${size || ''}"
    mode="${mode || ''}"
  ></descope-loader-radial>
`;

export default {
  component: componentName,
  title: 'descope-loader-radial',
  parameters: {
    panelPosition: 'right',
    controls: { expanded: true },
  },
  argTypes: {
    ...modeControl,
    ...sizeControl,
  },
};

export const Default = Template.bind({});

Default.args = {
  size: 'md',
  mode: 'primary',
};
