import { css } from 'reshadow' ; import { composes } from '@cloudbeaver/core-theming' ; export const splitStyles = composes ( css `
    ResizerControls {
      composes: theme-background-background theme-text-on-secondary from global;
    }
  ` , css `
    space {
      display: flex;
      flex-direction: row;
      flex: 1;
      overflow: hidden;
    }
    Split {
      display: flex;
      flex-direction: row;
      flex: 1;
      overflow: hidden;
      z-index: 0;
    }
    Pane {
      flex: 1 1 0%;
      overflow: auto;
      z-index: 0;
    }

    ResizerControls {
      position: relative;
      flex: 0 1 auto;
      width: 2px;
      cursor: col-resize;
      user-select: none;
      z-index: 1;
    }

    ResizerControls:before {
      content: ' ';
      position: absolute;
      width: 12px;
      height: 100%;
      top: 0;
      left: -5px;
      cursor: col-resize;
      box-sizing: border-box;
    }
  ` ) ; export const splitHorizontalStyles = css `
  space {
    height: 100%;
  }
  Split {
    flex-direction: column;
    height: 100%;
  }

  ResizerControls {
    position: relative;
    cursor: row-resize;
    height: 2px;
    width: initial;
  }

  ResizerControls:before {
    height: 12px;
    width: 100%;
    top: -5px;
    left: 0;
    cursor: row-resize;
  }
` ;