mirror of
https://github.com/SomboChea/ui
synced 2024-04-28 15:41:37 +07:00
56 lines
854 B
JavaScript
56 lines
854 B
JavaScript
/**
|
|
* @prettier
|
|
* @flow
|
|
*/
|
|
|
|
import styled, { css } from 'react-emotion';
|
|
import { IProps } from './types';
|
|
|
|
const getSize = (size: string) => {
|
|
switch (size) {
|
|
case 'md':
|
|
return `
|
|
width: 18px;
|
|
height: 18px;
|
|
`;
|
|
case 'lg':
|
|
return `
|
|
width: 20px;
|
|
height: 20px;
|
|
`;
|
|
default:
|
|
return `
|
|
width: 14px;
|
|
height: 14px;
|
|
`;
|
|
}
|
|
};
|
|
|
|
const commonStyle = ({ size = 'sm', pointer, modifiers }: IProps) => css`
|
|
&& {
|
|
display: inline-block;
|
|
cursor: ${pointer ? 'pointer' : 'default'};
|
|
${getSize(size)};
|
|
${modifiers && modifiers};
|
|
}
|
|
`;
|
|
|
|
export const Svg = styled.svg`
|
|
&& {
|
|
${commonStyle};
|
|
}
|
|
`;
|
|
|
|
export const ImgWrapper = styled.span`
|
|
&& {
|
|
${commonStyle};
|
|
}
|
|
`;
|
|
|
|
export const Img = styled.img`
|
|
&& {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
`;
|