import * as React from "react";
import Container from "../../components/_backpack/container";
import TemplateAutocomplete from "../autocomplete";
import TemplateSearchActive from "../searchActive";
import { ITemplateProps } from "./interfaces";
import TemplateArea from "./templateArea";
import TemplatePosition from "./templatePosition";

export default class Template extends React.PureComponent<ITemplateProps, {}> {
  // Template components
  public static Area = TemplateArea;
  public static Position = TemplatePosition;

  // Templates
  public static Autocomplete = TemplateAutocomplete;
  public static SearchActive = TemplateSearchActive;

  public render() {
    const { children, className } = this.props;

    return (
      <Container className={className}>
        {children}
      </Container>
    );
  }
}