| pineafan | 15b813d | 2022-02-13 10:06:09 +0000 | [diff] [blame] | 1 | import react, { Component } from "react"; |
| 2 | import Styles from '../styles/autospacing.module.css'; | ||||
| 3 | |||||
| 4 | class AutoSpacing extends Component { | ||||
| 5 | constructor(props) { | ||||
| 6 | super(props); | ||||
| 7 | } | ||||
| 8 | |||||
| 9 | |||||
| 10 | render() { | ||||
| 11 | return ( | ||||
| 12 | <div className={Styles.container}> | ||||
| 13 | { | ||||
| 14 | react.Children.toArray(this.props.children).map((item, index) => { | ||||
| 15 | return <div className={Styles.item} key={index}>{item}</div> | ||||
| 16 | }) | ||||
| 17 | } | ||||
| 18 | </div> | ||||
| 19 | ) | ||||
| 20 | } | ||||
| 21 | } | ||||
| 22 | |||||
| 23 | export default AutoSpacing; | ||||