import { Box, FormLabel } from "@mui/material";
import styled from "styled-components";
import selectedTheme from "../../themes";

export const LabelContainer = styled(Box)`
    display: flex;
    flex: 1;
    justify-content: space-between;
    max-width: ${props => props.maxWidth};
`

export const LeftLabel = styled(FormLabel)`
    font-family: "Open Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    flex: 1;
    cursor: pointer;
    color: ${selectedTheme.primaryText};
`
export const RightLabel = styled(FormLabel)`
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
    cursor: pointer;
    color: ${selectedTheme.primaryText};
    font-family: "Open Sans";

`