import React from "react";
import "./MainSection.scss";
import ColorDiv, { ColorDivProps } from "../ColorDiv/ColorDiv";
import classNames from "classnames";

export interface MainSectionProps { }
export interface MainSectionState { }

class MainSection extends React.Component<MainSectionProps & ColorDivProps, MainSectionState> {
  render() {
    const { children, className, ...props } = this.props;
    const classes = classNames(
      "main-section",
      className
    );

    return (
      <ColorDiv className={classes} {...props}>
        {children}
      </ColorDiv>
    );
  }
}

export default MainSection;