|
|
|
@ -6,26 +6,22 @@ import { TRANSITION_TIME } from 'config/variables';
|
|
|
|
|
|
|
|
|
|
const Wrapper = styled.div`
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
transition: background-color ${TRANSITION_TIME.BASE}, color ${TRANSITION_TIME.BASE};
|
|
|
|
|
|
|
|
|
|
${props => props.column && css`
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
`}
|
|
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
transition: background-color ${TRANSITION_TIME.BASE}, color ${TRANSITION_TIME.BASE};
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
const Row = ({
|
|
|
|
|
children, column = false,
|
|
|
|
|
}) => (
|
|
|
|
|
<Wrapper
|
|
|
|
|
column={column}
|
|
|
|
|
>{children}
|
|
|
|
|
const Row = ({ children, column = false }) => (
|
|
|
|
|
<Wrapper column={column}>
|
|
|
|
|
{children}
|
|
|
|
|
</Wrapper>
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|