import path from "path" ; import * as React from "react" ; import { TerminalHeader , TerminalPane } from "components/panels" ; import { ITerminalWrapperProps } from "props/wrappers" ; import "styles/wrappers/TerminalWrapper.scss" ; /** The wrapper component for displaying all terminal-related components. */ class TerminalWrapper extends React . PureComponent < ITerminalWrapperProps > { returns public render ( ) { return < div className = "TerminalWrapper" > < TerminalHeader shellName = { path . basename ( this . props . integratedTerminal . shellName ) } theme = { this . props . theme } / > < TerminalPane theme = { this . props . theme } integratedTerminal = { this . props . integratedTerminal } / > < /div>; } } export default TerminalWrapper ;