import DataLoader from './ARKDataLoader.vue'

export default {
  title: 'The Design system/Loaders/Data loader',
  tags: ['autodocs'],
  component: DataLoader,
  args: {
    text: 'Загрузка данных...',
  },
  argTypes: {},
}

const Template = (args) => ({
  props: Object.keys(args),
  render() {
    return (
      <div style="display: flex; align-items: center; justify-content: center; height: 90vh; width: 90vw;">
        <DataLoader {...args } />
      </div>
    )
  },
})

export const Primary = Template.bind({})