import styled from "styled-components";
export const Dialog = styled.div `
    position: absolute;
    top: ${(props) => props.top || 30}px;
    left: ${(props) => props.left || 30}px;
    display: flex;
    flex-direction: column;
    background: #fff;

    ${(props) => props.open
    ? `
            width: 600px;
            min-height: 400px;
            border-radius: 6px;
            border: 2px solid lightblue;
            z-index: 2;

            > * {
                padding: 15px;
            }
        `
    : `
            width: 0;
            max-height: 0;
            overflow: hidden;
        `}

    .Dialog__actions {
        text-align: right;
        margin-top: auto;
        border-top: 1px solid lightgray;

        .MuiButton-contained {
            background: #4050a6;
            color: #fff;
            text-transform: none;
        }
    }
`;
//# sourceMappingURL=Dialog.js.map