import React from "react";
import TogglerCtx from "../Toggler.context";
import Button from "../../Button/Button";
import { Props } from "./Trigger.types";
import { TogglerContextInterface } from "../Toggler.types";

export class TogglerTrigger extends React.Component<Props> {
  render() {
    return (
      <TogglerCtx.Consumer>
        {(props: TogglerContextInterface) => (
          <Button {...this.props} {...props} onClick={props.onToggle} />
        )}
      </TogglerCtx.Consumer>
    );
  }
}

export default TogglerTrigger;