import * as React from 'react';
import * as RenderersModel from '../renderers-model';

export class FloatingRenderer<T> extends React.PureComponent<RenderersModel.FloatingRendererProps<T>, never> {
    public render() {
        return <div style={{ display: 'grid', gridTemplateRows: '20px 1fr' }}>
            <this.props.floatyRenderers.floatingTabRenderer floatyManager={this.props.floatyManager} stackItem={this.props.floating} />
            <this.props.floatyRenderers.floatingContentRenderer floatyManager={this.props.floatyManager} stackItem={this.props.floating} />
        </div>;
    }
}

import * as React from 'react';
import * as RenderersModel from '../renderers-model';

export class FloatingRenderer<T> extends React.PureComponent<RenderersModel.FloatingRendererProps<T>, never> {
    public render() {
        return <div style={{ display: 'grid', gridTemplateRows: 'minmax(min-content, max-content) 1fr' }}>
            <this.props.floatyRenderers.floatingTabRenderer floatyManager={this.props.floatyManager} stackItem={this.props.floating} />
            <this.props.floatyRenderers.floatingContentRenderer floatyManager={this.props.floatyManager} stackItem={this.props.floating} />
        </div>;
    }
}

Allow floating tab to be any size
Allow floating tab to be any size
