import React from 'react';
import styled from 'styled-components';
var StyledTable = styled.table.withConfig({
  displayName: "Table__StyledTable",
  componentId: "sc-vgcwcw-0"
})(["width:", ";table-layout:", ";border-collapse:collapse;color:", ";"], function (p) {
  return p.width;
}, function (p) {
  return p.tableLayout ? 'fixed' : 'auto';
}, function (p) {
  return p.theme.color.text;
});
export var Table = function Table(_ref) {
  var children = _ref.children,
    _ref$tableLayout = _ref.tableLayout,
    tableLayout = _ref$tableLayout === void 0 ? 'fixed' : _ref$tableLayout,
    _ref$width = _ref.width,
    width = _ref$width === void 0 ? '100%' : _ref$width;
  return React.createElement(StyledTable, {
    tableLayout: tableLayout,
    width: width
  }, children);
};
export default Table;