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

export const OptionStyled = styled(MenuItem)`
    background-color: ${props => props.selected ? selectedTheme.colors.primaryPurple : "white"} !important;
    color: ${props => props.selected ? "white" : selectedTheme.colors.selectOptionTextColor};
    margin:2px 9px;
    border-radius: 4px;
    &:hover {
        background-color: ${selectedTheme.colors.primaryPurple} !important;
        color: white;
    }
`
export const OptionIcon = styled(Box)`
`