1export const Basic = component(() => (
2 <Grid columns={12} gap="md">
3 {/* 12 колонок по 1 */}
4 {Array.from({ length: 12 }).map((_, i) => (
5 <GridCol>
6 <Box>1</Box>
7 </GridCol>
8 ))}
9
10 {/* 6 колонок по 2 */}
11 {Array.from({ length: 6 }).map((_, i) => (
12 <GridCol span={2}>
13 <Box>2</Box>
14 </GridCol>
15 ))}
16
17 {/* 3 колонки по 4 */}
18 {Array.from({ length: 3 }).map((_, i) => (
19 <GridCol span={4}>
20 <Box>4</Box>
21 </GridCol>
22 ))}
23
24 {/* 2 колонки по 6 */}
25 {Array.from({ length: 2 }).map((_, i) => (
26 <GridCol span={6}>
27 <Box>6</Box>
28 </GridCol>
29 ))}
30
31 {/* 1 колонка на 12 */}
32 <GridCol span={12}>
33 <Box>12</Box>
34 </GridCol>
35 </Grid>
36));