text: // @flow
  import * as React from "react";
  
  import defaultTheme from "../../../defaultTheme";
  import Grid from "../index";
  import Heading from "../../../Heading";
  import Stack from "../../../Stack";
  import Text from "../../../Text";
  
  export default {
    Example: () => {
      const divStyle = {
        backgroundColor: defaultTheme.orbit.paletteCloudDark,
        border: `1px solid ${defaultTheme.orbit.paletteProductDark}`,
        boxSizing: "border-box",
        padding: defaultTheme.orbit.paddingButtonSmall,
      };
      return (
        <Stack>
          <Stack spacing="condensed">
            <Heading as="h3" type="title3">
              No maximum width
            </Heading>
            <Grid columns="repeat(2, 1fr)" rows="repeat(2, 1fr)">
              <div style={divStyle}>
                <Text>Column 1, Row 1</Text>
              </div>
              <div style={divStyle}>
                <Text>Column 2, Row 1</Text>
              </div>
              <div style={divStyle}>
                <Text>Column 1, Row 2</Text>
              </div>
              <div style={divStyle}>
                <Text>Column 2, Row 2</Text>
              </div>
            </Grid>
          </Stack>
          <Stack spacing="condensed">
            <Heading as="h3" type="title3">
              Maximum width of 400 px
            </Heading>
            <Grid columns="repeat(2, 1fr)" rows="repeat(2, 1fr)" maxWidth="400px">
              <div style={divStyle}>
                <Text>Column 1, Row 1</Text>
              </div>
              <div style={divStyle}>
                <Text>Column 2, Row 1</Text>
              </div>
              <div style={divStyle}>
                <Text>Column 1, Row 2</Text>
              </div>
              <div style={divStyle}>
                <Text>Column 2, Row 2</Text>
              </div>
            </Grid>
          </Stack>
        </Stack>
      );
    },
    info: {
      title: "Max width",
      description:
        "Set the maximum width the grid can have. Especially useful when using fractional column widths",
    },
  };
  