import styled from "styled-components";
import { TestingConstants } from "../../CommonUI/Testing/TestingConstants";
export const ActionWrapper = styled.div `
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
`;
export const StyledDataTypeRender = styled.div `
    .DataTypePicker-root {
        .DataTypePicker-select {
            .MuiSelect-select {
                font-size: 10px;
                line-height: 1;
            }

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

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

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

    cursor: pointer;

    &:hover {
        text-decoration: underline;
    }
`;
export const EditColumnWrapper = styled.div `
    position: absolute;
    bottom: 100%;
    right: 0;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #f1f1f6;
    box-sizing: border-box;
    border-radius: 4px;
`;
export const EditColumnAction = styled.div `
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
`;
export const PassedTestRow = styled.div `
    border: 2px solid ${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