All files / styles IconGroup.js

20% Statements 1/5
0% Branches 0/4
0% Functions 0/2
20% Lines 1/5

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 33 34    2x                                                              
import styled, { css } from '@appbaseio/vue-emotion';
 
const IconGroup = styled('div')`
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 6px;
	margin: 0 10px;
	height: 100%;
 
	${({ positionType }) => {
		if (positionType === 'absolute') {
			return css`
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
			`;
		}
		return null;
	}};
 
	${({ groupPosition }) => {
		return groupPosition === 'right'
			? css`
					right: 0;
			  `
			: css`
					left: 0;
			  `;
	}};
`;
 
export default IconGroup;