All files / src/Form/RadioGroup styles.js

0% Statements 0/6
0% Branches 0/6
0% Functions 0/3
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32                                                               
import styled, {css} from 'styled-components';
 
const StyledRadioGroup = styled.div`
	.radio-item {
		margin: 10px 0;
 
		${props => props.horizontal && css`
			margin: 0 10px;
			display: inline-block;
		`}
	}
	
	${props => props.style && css`
        ${props.style}
	`}
	
	${props => props.disabled && css`
		cursor: not-allowed;
	`}
`;
 
const StyledLabel = styled.label`
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
`;
 
export {
	StyledRadioGroup,
	StyledLabel
};