message: fix linting errors from merge
diff: +/* eslint-disable import/no-named-as-default-member */
  import React from 'react'
  import theme from '../../src/theme'
  import {Block, Text} from '../../src'
  @@ -13,31 +14,39 @@ const BlockExample = {
  <thead>
  <tr>
  <th className="text-left">
  - <Text tag='div' pb={4} mono>color</Text>
  + <Text tag="div" pb={4} mono>
  + color
  + </Text>
  </th>
  - <th colspan={textColors.length}>
  - <Text tag='div' pb={4} mono>bg={`{color}`}</Text>
  + <th colSpan={textColors.length}>
  + <Text tag="div" pb={4} mono>
  + bg={`{color}`}
  + </Text>
  </th>
  <th>
  - <Text tag='div' pb={4} mono>borderColor</Text>
  + <Text tag="div" pb={4} mono>
  + borderColor
  + </Text>
  </th>
  </tr>
  </thead>
  <tbody>
  - {colors.map((color, i) => (
  - <tr key={i}>
  + {colors.map(color => (
  + <tr key={color}>
  <td>
  - <Text mono nowrap mr={3}>{color}</Text>
  + <Text mono nowrap mr={3}>
  + {color}
  + </Text>
  </td>
  - {textColors.map((fg, j) => (
  - <td key={j}>
  + {textColors.map(fg => (
  + <td key={fg}>
  <Block p={3} mb={2} bg={color} fg={fg} border={color === 'white'}>
  <Text mono>{fg}</Text>
  </Block>
  </td>
  ))}
  <td>
  - {(color in theme.colors.border) ? (
  + {color in theme.colors.border ? (
  <Block p={3} mb={2} ml={3} borderColor={color}>
  <Text mono>{color}</Text>
  </Block>
  