import * as React from "react";
import "./MainSection.scss";
import ColorDiv, { ColorDivProps } from "../ColorDiv/ColorDiv";

export interface MainSectionProps { }
export interface MainSectionState { }

class MainSection extends React.Component<MainSectionProps & ColorDivProps, MainSectionState> {
  constructor(props: MainSectionProps) {
    super(props);
  }
  render() {
    const { children, className, ...props } = this.props;
    const classNames = [
      "main-section",
    ];
    if (className) classNames.push(className);
    return (
      <ColorDiv className={classNames.join(" ")} {...props}>
        {children}
      </ColorDiv>
    );
  }
}

export default MainSection;
