"use strict";
exports.__esModule = true;
var React = require("react");
var glamorous_1 = require("glamorous");
var colors_1 = require("../../../theme/colors");
var tableBorderStyle = "1px solid " + colors_1.lightGrey;
var StyledTable = glamorous_1["default"].table({
    '& td, tboday': {
        borderTop: tableBorderStyle,
        borderBottom: "1px solid " + colors_1.red,
        borderCollapse: 'collapse'
    },
    '& th': {
        borderBottom: "4px solid " + colors_1.red
    }
});
exports["default"] = function (props) {
    return (React.createElement(StyledTable, null,
        React.createElement(glamorous_1.Tbody, null,
            React.createElement(glamorous_1.Tr, null, props.headings.map(function (heading) { return (React.createElement(glamorous_1.Th, { color: 'red', key: heading }, heading)); })),
            props.data.map(function (row, index) { return (React.createElement(glamorous_1.Tr, { key: "" + JSON.stringify(row) }, Object.keys(row).map(function (key) { return (React.createElement(glamorous_1.Td, { key: key },
                " ",
                row[key],
                " ")); }))); }))));
};
