import * as React from 'react';
import * as classNames from 'classnames';
import {HTMLProps, SFC} from 'react';
import {Row} from './../';

export interface DatagridMapViewProps extends HTMLProps<HTMLDivElement> {
  visible?: boolean;
}

export const DatagridMapView: SFC<DatagridMapViewProps> = ({children, visible, ...otherProps}) => (
  <div
    className={classNames(
      'bkn-datagrid-map',
      {visible},
    )}
    {...otherProps}
  >
    {children}
  </div>
);

DatagridMapView.displayName = 'DatagridMapView';

DatagridMapView.defaultProps = {
  visible: false,
};