message: Refactor functional box component to pure react component
diff: import classNames from "classnames";
  -import React, { FunctionComponent } from "react";
  +import React from "react";
  import "../../styles/components/_box.scss";
  import { textAlignTypes } from "../../types/box";
  -const Box: FunctionComponent<IBoxProps> = ({
  +class Box extends React.PureComponent<IBoxProps> {
  + private static defaultProps = {
  + textAlign: "left",
  + };
  +
  + public render() {
  + const {
  children,
  - spaced = false,
  - textAlign = "left",
  + spaced,
  + textAlign,
  className,
  -}) => {
  + } = this.props;
  const boxClasses = classNames(
  "q-box",
  spaced && "q-spaced",
  `q-${textAlign}-aligned`,
  className,
  );
  - return <div className={boxClasses}>{children}</div>;
  -};
  + return (
  + <div className={boxClasses}>{children}</div>
  + );
  + }
  +}
  interface IBoxProps {
  spaced?: boolean;
  