import { observer } from 'mobx-react-lite' ; import styled , { css } from 'reshadow' ; import { Placeholder } from '@cloudbeaver/core-blocks' ; import { useService } from '@cloudbeaver/core-di' ; import type { IDatabaseDataModel } from '../../DatabaseDataModel/IDatabaseDataModel' ; import { TableHeaderService } from './TableHeaderService' ; const styles = css `
  table-header {
    padding: 8px 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
` ; interface Props { model : IDatabaseDataModel < any , any > ; resultIndex : number ; className ? : string ; } export const TableHeader = observer < Props > ( function TableHeader ( { model , resultIndex , className , } ) { const service = useService ( TableHeaderService ) ; return styled ( styles ) ( < table - header className = { className } > < Placeholder container = { service . tableHeaderPlaceholder } model = { model } resultIndex = { resultIndex } / > < /table-header>); } ) ;