ttk-app-core/component/components/layout/index.js

enterprise develop framework

import React, { Component } from 'react'
import classNames from 'classnames'

export default function LayoutComponent(props) {
    let { className, style, width,
        height, direction, justifyContent,
        alignItems, ...others } = props

    className = classNames({
        'mk-layout': true,
        [className]: !!className
    })

    style = style || {}

    if (width) {
        //style.flex = `0 0 ${width}px`
        style.width = `${width}px`
    }

    if (height) {
        //style.flex = `0 0 ${height}px`
        style.height = `${height}px`
    }

    if (direction) {
        style.flexDirection = direction
    }

    style.justifyContent = justifyContent

    if (alignItems) {
        style.alignItems = alignItems
    }


    return (
        <div {...others} className={className} style={style} />
    )

}