import * as React from 'react';
import {SFC} from 'react';
import {Scrollbars} from './../';

export interface DatagridCardsProps {
  children: any;
}

export const DatagridCards: SFC<DatagridCardsProps> = (props: DatagridCardsProps) => {
  return (
    <div className="bkn-datagrid-cards">
      <Scrollbars autoReset>
        <div className="bkn-datagrid-cards-inner">
          {props.children}
        </div>
      </Scrollbars>
    </div>
  );
};

DatagridCards.displayName = 'DatagridCards';