import React from 'react';
import styled from 'styled-components';
var StyledTr = styled.tr.withConfig({
  displayName: "Tr__StyledTr",
  componentId: "sc-1aap6l7-0"
})(["height:100%;padding:", "px 0;:not(:first-child){border-top:1px solid ", ";}overflow:hidden;"], function (p) {
  return p.theme.spacing.unit(2);
}, function (p) {
  return p.theme.color.divider;
});
export var Tr = function Tr(_ref) {
  var _ref$textAlign = _ref.textAlign,
    textAlign = _ref$textAlign === void 0 ? 'left' : _ref$textAlign,
    children = _ref.children,
    className = _ref.className,
    onClick = _ref.onClick;
  return React.createElement(StyledTr, {
    textAlign: textAlign,
    className: className,
    onClick: onClick
  }, children);
};