/* eslint-disable @typescript-eslint/explicit-function-return-type */
import styled, { css } from 'styled-components';
export const Icon = styled.div `
  a {
    content: url('https://sdk.r2u.io/assets/r2u-icon-gray.svg');
    height: 22px;
    position: absolute;
    z-index: 999999;
    margin: 10px;
    ${(props) => {
    const position = props.position ? props.position.toLowerCase() : '';
    return css `
        ${position.includes('left') && 'left: 0;'}
        ${position.includes('right') && 'right: 0;'}
        ${position.includes('bottom') && 'bottom: 0;'}
        ${position.includes('top') && 'top: 0;'}
        ${position.includes('center') && 'left: 0; right: 0; margin: auto;'}
        ${position.includes('absolute') && 'position: absolute;'}
      `;
}};
  }
  a:hover {
    content: url('https://sdk.r2u.io/assets/r2u-icon.svg');
  }
`;
//# sourceMappingURL=styles.js.map