jobiqo-cl/lib/src/components/02-atoms/10-table/table-head-actions/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var styles = require('./styles.js');

/**
 * @file index.tsx
 *
 * @fileoverview Displays a table header box that can be used to show information about
 * what is currently selected in a table.
 */
const TableHeadActions = ({ itemsSelected = 0, headline, actions }) => {
    return (React__default.createElement(styles.HeadBox, { "data-testid": "head-box", active: itemsSelected > 0 }, itemsSelected <= 0 ? (React__default.createElement("h3", null, headline)) : (React__default.createElement(styles.Actions, null,
        React__default.createElement("div", { "data-testid": "items-info" },
            itemsSelected,
            " items selected"),
        actions))));
};

exports.TableHeadActions = TableHeadActions;