import React from 'react';
import Row from './row';
import RowItem from './rowItem';
import Container from '../container/container';
import styles from './styles.module.scss';
import { number } from '@storybook/addon-knobs';

export const RowStory = () => {
  return (
    <Container className={styles.container}>
      <Row>
        {[...Array(number('Кол-во элементов', 1, {min: 1})).keys()].map(() => (
          <RowItem />
        ))}
      </Row>
    </Container>
  )
}