var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import styled from 'styled-components';
export var StyledTable = styled.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  white-space: nowrap;\n  p,\n  a,\n  span {\n    white-space: nowrap;\n  }\n"], ["\n  width: 100%;\n  white-space: nowrap;\n  p,\n  a,\n  span {\n    white-space: nowrap;\n  }\n"])));
export var StyledTr = styled.tr(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:hover td {\n    background-color: ", ";\n  }\n  &:last-child td {\n    border-bottom: none;\n  }\n"], ["\n  &:hover td {\n    background-color: ", ";\n  }\n  &:last-child td {\n    border-bottom: none;\n  }\n"])), function (_a) {
    var theme = _a.theme;
    return "".concat(theme.colors.background04, "46");
});
export var StyledTh = styled.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 15.5px 10px;\n  text-align: left;\n  background-color: ", ";\n"], ["\n  padding: 15.5px 10px;\n  text-align: left;\n  background-color: ", ";\n"])), function (_a) {
    var theme = _a.theme;
    return theme.colors.background04;
});
export var StyledTd = styled.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 14.5px 10px;\n  border-bottom: 1px solid ", ";\n"], ["\n  padding: 14.5px 10px;\n  border-bottom: 1px solid ", ";\n"])), function (_a) {
    var theme = _a.theme;
    return theme.colors.background04;
});
export var StyledSortBox = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  height: 34px;\n  width: 24px;\n  vertical-align: middle;\n  cursor: pointer;\n  overflow: initial;\n  position: relative;\n"], ["\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  height: 34px;\n  width: 24px;\n  vertical-align: middle;\n  cursor: pointer;\n  overflow: initial;\n  position: relative;\n"])));
export var StyledSortAsc = styled.i(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  position: absolute;\n  left: 7px;\n\n  border-bottom-color: #c0c4cc;\n  top: 5px;\n  &.active {\n    border-bottom-color: ", ";\n  }\n"], ["\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  position: absolute;\n  left: 7px;\n\n  border-bottom-color: #c0c4cc;\n  top: 5px;\n  &.active {\n    border-bottom-color: ", ";\n  }\n"])), function (_a) {
    var theme = _a.theme;
    return theme.colors.link;
});
export var StyledSortDesc = styled.i(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  position: absolute;\n  left: 7px;\n\n  border-top-color: #c0c4cc;\n  bottom: 7px;\n  &.active {\n    border-top-color: ", ";\n  }\n"], ["\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  position: absolute;\n  left: 7px;\n\n  border-top-color: #c0c4cc;\n  bottom: 7px;\n  &.active {\n    border-top-color: ", ";\n  }\n"])), function (_a) {
    var theme = _a.theme;
    return theme.colors.link;
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
