import styled from 'styled-components';

const TabsWrap = styled.div`
    display: flex;
    justify-content: space-between;
    width:${props=>(props.width)?props.width:'auto'};
    color: black;
    .tab{
        display:inline-flex;
        text-transform: capitalize;
        cursor:pointer;
        font-size:14px;
    }
    .tab:hover{
        font-weight:600;
    }
    .tab.selected{
        color: #dd712f;
        border-bottom: 1px solid #dd712f;
        padding-bottom: 5px;
    }
`

export { TabsWrap }