Space.tsx40 lines · main
| 1 | import React from 'react' |
| 2 | |
| 3 | // @ts-ignore |
| 4 | // import SpaceStyles from './Space.module.css' |
| 5 | |
| 6 | /** |
| 7 | * @deprecated Use tailwind instead |
| 8 | */ |
| 9 | function Space({ className, style, children }: any) { |
| 10 | // const classes = [] |
| 11 | // classes.push(direction === 'vertical' ? 'sbui-space-col' : 'sbui-space-row') |
| 12 | // classes.push( |
| 13 | // SpaceStyles[ |
| 14 | // 'sbui-' + |
| 15 | // (minus ? 'minus-' : '') + |
| 16 | // 'space-' + |
| 17 | // (direction === 'vertical' ? 'y' : 'x') + |
| 18 | // '-' + |
| 19 | // size |
| 20 | // ] |
| 21 | // ) |
| 22 | // if (block) { |
| 23 | // classes.push(SpaceStyles['sbui-space--block']) |
| 24 | // } |
| 25 | // if (className) { |
| 26 | // classes.push(className) |
| 27 | // } |
| 28 | |
| 29 | return ( |
| 30 | <div |
| 31 | // className={classes.join(' ')} |
| 32 | className={className} |
| 33 | style={style} |
| 34 | > |
| 35 | {children} |
| 36 | </div> |
| 37 | ) |
| 38 | } |
| 39 | |
| 40 | export default Space |