import React, { memo } from 'react';
import { render as renderAmis } from '../../../../../..';
import { Schema } from '../../../../../../types';
import './index.scss'

const LionTableInterrogator: React.FC<{
  filter: Schema,
  _bindRef: (self: any) => void
}> = memo(({
  filter,
  _bindRef
}) => {
  if (!filter) return null

  return <div className="lion-table-Interrogator">
    <div className="filter-group">
      <div className="filter-container">
        <div className="filterItem">
          {
            renderAmis(filter, {
              "_bindRef": (_this: any) => {
                _bindRef(_this)
              },
              className: 'lion-filter'
            })
          }
        </div>
      </div>
    </div>
  </div>
})

export default LionTableInterrogator