import styled from 'styled-components';
import { Button } from 'antd';

export const DrawerToogleBar = styled.div`
    top: 0px;
    position: absolute;
    height: 100%;
    width: 6px;
    background-color: #ffffff;
    z-index: 10000;
    box-shadow: 1px 2px 5px #757575;
`;

export const DrawerToogleBarButtonDiv = styled.div`
    position: absolute;
    top: 50%;
    height: 40px;
    width: 24px;
    left: 6px;
    background-color: #ffffff;
    z-index: 10000;
    border-left: none;
    box-shadow: 3px 2px 5px #757575;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
`;

export const DrawerToogleBarButton = styled(Button)`
    &&&& {
        background-color: #ffffff; 
        color: ${props => props.theme.controlColor}; 
        border: none;
        width: 24px;
        height: 40px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
`;