import React, { PureComponent } from "react";
import classNames from "classnames";
import "./flex-layout.scss";

export default class FlexLayout extends PureComponent {
  render() {
    const { direction, children, centerize, className, spaceBetween, fullWidth } = this.props;

    return (
      <div
        className={classNames("flex-layout", className, direction, {
          centerize,
          spaceBetween,
          "full-width": fullWidth
        })}
      >
        {children}
      </div>
    );
  }
}
FlexLayout.defaultProps = {
  direction: "row",
  centerize: false
};