25 lines
488 B
JavaScript
25 lines
488 B
JavaScript
import styled from 'styled-components';
|
|
import { Row } from 'joyent-react-styled-flexboxgrid';
|
|
import is from 'styled-is';
|
|
|
|
import Baseline from '../baseline';
|
|
|
|
const Divider = styled(Row)`
|
|
background-color: ${props => props.theme.grey};
|
|
margin: 0;
|
|
|
|
${is('transparent')`
|
|
background-color: transparent;
|
|
`};
|
|
|
|
${is('vertical')`
|
|
transform: rotate(90deg);
|
|
`};
|
|
|
|
${is('error')`
|
|
background-color: ${props => props.theme.red};
|
|
`};
|
|
`;
|
|
|
|
export default Baseline(Divider);
|