"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PassedTestRow = exports.EditColumnAction = exports.EditColumnWrapper = exports.TypeDiv = exports.StyledButton = exports.StyledDataTypeRender = exports.ActionWrapper = void 0;
const tslib_1 = require("tslib");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const TestingConstants_1 = require("../../CommonUI/Testing/TestingConstants");
exports.ActionWrapper = styled_components_1.default.div `
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
`;
exports.StyledDataTypeRender = styled_components_1.default.div `
    .DataTypePicker-root {
        .DataTypePicker-select {
            .MuiSelect-select {
                font-size: 10px;
                line-height: 1;
            }

            .MuiSvgIcon-root {
                width: 20px;
                height: 20px;
            }
        }

        .DataTypePicker-edit {
            margin-left: 0px;
        }
    }
`;
exports.StyledButton = styled_components_1.default.div `
    width: 16px;
    height: 16px;
    ${(props) => (props.hide ? "display: none;" : "display: block;")}
`;
exports.TypeDiv = styled_components_1.default.div `
    color: rgba(64, 80, 166, 0.5);

    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left;

    cursor: pointer;

    &:hover {
        text-decoration: underline;
    }
`;
exports.EditColumnWrapper = styled_components_1.default.div `
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #f1f1f6;
    box-sizing: border-box;
    border-radius: 4px;
`;
exports.EditColumnAction = styled_components_1.default.div `
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
`;
exports.PassedTestRow = styled_components_1.default.div `
    border: 2px solid ${TestingConstants_1.TestingConstants.BORDER_SUCCESS};

    margin: -4px;

    grid-column-start: ${(props) => props.x || 1};
    grid-column-end: ${(props) => props.columnsSpan + (props.x || 1)};

    grid-row-start: ${(props) => props.y + 1};
    grid-row-end: ${(props) => props.y + 2};
`;
//# sourceMappingURL=CommonStyles.js.map