import styled from 'styled-components';

type Props = {
    isNotDefault: boolean;
};

export const Div = styled.div<Props>`
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;

    label {
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    p {
        margin: 0;
    }

    select {
        height: 32px;
        padding: 2.5px 5px;
        border-width: 1px;
        border-color: ${({ isNotDefault }) => (isNotDefault ? `orange;` : '#ccc')};
    }
`;

export const Select = styled.select`
    padding: 5px 10px;
`;
