markdown 调试样式（样式组件）

Posted 2021-05-05

> Note Provider only have one child
```jsx
<ThemeProvider theme={{ debug: false }}>
  <SomeComponent />
</ThemeProvider>
```

in Usage
```jsx
export const Summary = styled.span`
  display: flex;
  justify-content: space-around;
  & > * {
    border: ${props => props.theme.debug && "1px solid red"}
  }
`
```
see how I can use `debug` property