import classNames from "classnames" ; import * as React from "react" ; import { polyfill } from "react-lifecycles-compat" ; import { AbstractPureComponent2 , Classes } from "../../common" ; import { DISPLAYNAME_PREFIX , HTMLDivProps , Props } from "../../common/props" ; export type ControlGroupProps = IControlGroupProps ; deprecated export interface IControlGroupProps extends Props , HTMLDivProps { default fill ? : boolean ; default vertical ? : boolean ; } @ polyfill export class ControlGroup extends AbstractPureComponent2 < ControlGroupProps > { public static displayName = `${ DISPLAYNAME_PREFIX }.ControlGroup` ; public render ( ) { const { children , className , fill , vertical , ... htmlProps } = this . props ; const rootClasses = classNames ( Classes . CONTROL_GROUP , { [ Classes . FILL ] : fill , [ Classes . VERTICAL ] : vertical , } , className ) ; return ( < div { ... htmlProps } className = { rootClasses } > { children } < /div>); } }