芝麻web文件管理V1.00

编辑当前文件:/home/royashxg/www/wp-content/plugins/envato-elements/src/js/react/components/Grid/GridItem.jsx
import React from 'react' import styles from './GridItem.module.scss' const GridItem = ({ colWidthPercentage = 20, children, className, ...rest }) => { const gridItemClasses = [styles.item] if (colWidthPercentage === 20) { gridItemClasses.push(styles.widthTwenty) } if (colWidthPercentage === 25) { gridItemClasses.push(styles.widthTwentyFive) } if (colWidthPercentage === 33) { gridItemClasses.push(styles.widthThirtyThree) } if (colWidthPercentage === 40) { gridItemClasses.push(styles.widthFourty) } if (colWidthPercentage === 50) { gridItemClasses.push(styles.widthFifty) } if (colWidthPercentage === 60) { gridItemClasses.push(styles.widthSixty) } if (colWidthPercentage === 100) { gridItemClasses.push(styles.widthFull) } if (className) { gridItemClasses.push(className) } return ( <div className={gridItemClasses.join(' ')} {...rest}> {children} </div> ) } export default GridItem