trampa-frontend/src/components/CheckBox/CheckBox.styled.js

import { Box, Checkbox, FormControlLabel } from "@mui/material";
import styled from "styled-components";

export const ComponentContainer = styled(Box)`
    ${props => props.fullWidth && (`
        width: 100%;
        display: flex;
        flex: 1;
    `)}
`

export const CheckBoxStyled = styled(Checkbox)`
    color: ${props => props.boxcolor} !important;
    padding: 6px;
`
export const FormControlLabelStyled = styled(FormControlLabel)`
    ${props => props.fullWidth && (`
        width: 100%;
        display: flex;
        flex: 1;
    `)}
    margin-right: 0;
    & span:nth-child(2) {
        flex: 1;
    }
`