import { Subscriber } from 'react-broadcast';
import styled from 'styled-components';
import { Baseline } from '../../shared/composers';
import { colors } from '../../shared/constants';
import { remcalc, is } from '../../shared/functions';
import Button from '../button';
import React from 'react';
const Nav = styled.nav`
flex: 0 0 ${remcalc(47)};
border-left: ${remcalc(1)} solid ${colors.base.grey};
box-sizing: border-box;
${is('fromHeader')`
border-left-color: ${colors.base.primaryDesaturatedActive};
`};
`;
const StyledButton = styled(Button)`
position: relative;
border-width: 0;
box-shadow: none;
width: 100%;
min-width: auto;
height: ${remcalc(124)};
display: flex;
overflow-x: visible;
overflow-y: visible;
${is('collapsed')`
height: ${remcalc(46)};
`};
&:focus {
border-width: 0;
}
&:hover {
border-width: 0;
}
&:active,
&:active:hover,
&:active:focus {
border-width: 0;
}
`;
const StyledContainer = styled.div`
position: absolute;
left: 50%;
`;
const StyledCircle = styled.div`
margin: 0 0 2px -2px;
border-radius: 50%;
background-color: ${colors.base.white};
width: 4px;
height: 4px;
`;
const Options = ({
...props
}) => {
const render = ({
fromHeader = false,
collapsed = false
}) => (
);
return (
{render}
);
};
Options.propTypes = {
collapsed: React.PropTypes.bool,
fromHeader: React.PropTypes.bool
};
export default Baseline(
Options
);