mirror of https://github.com/Nevysha/Cozy-Nest.git
32 lines
797 B
JavaScript
32 lines
797 B
JavaScript
import React from 'react'
|
|
import './Utils.css'
|
|
|
|
//component to wrap flex row
|
|
export function Row(props) {
|
|
|
|
// if props.className is set, append flex-row to it
|
|
// otherwise, set className to flex-row
|
|
const className = props.className ? props.className + ' flex-row' : 'flex-row'
|
|
|
|
return <div
|
|
{...props}
|
|
className={className}>
|
|
{props.children}
|
|
</div>
|
|
}
|
|
|
|
export const RowFullWidth = (props) => {
|
|
return <Row {...props} style={{width: '100%', justifyContent: 'space-between', gap: '30px'}}/>
|
|
}
|
|
|
|
//component to wrap flex column
|
|
export function Column(props) {
|
|
|
|
const className = props.className ? props.className + ' flex-column' : 'flex-column'
|
|
|
|
return <div
|
|
{...props}
|
|
className={className}>
|
|
{props.children}
|
|
</div>
|
|
} |