@kubit-ui-web/react-components/dist/esm/components/inputCurrency/inputCurrency.styled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import styled, { css } from 'styled-components';
import { POSITIONS } from '../../types/positions/positions';
import { getStyles } from '../../utils/getStyles/getStyles';
const getMarginsAffix = ({ styles, $positionAffix, $isOutPositionAffix }) => css `
  margin-left: ${() => $isOutPositionAffix && $positionAffix === POSITIONS.RIGHT
    ? styles?.currencyNameContainer?.marginLeftOrRightByIsOutAndPosition
    : 'inherit'};
  margin-right: ${() => $isOutPositionAffix && $positionAffix === POSITIONS.LEFT
    ? styles?.currencyNameContainer?.marginLeftOrRightByIsOutAndPosition
    : 'inherit'};
`;
export const AffixStyled = styled.div `
  display: inline-flex;
  justify-content: center;
  align-items: center;
  order: ${props => (props.$positionAffix === POSITIONS.LEFT ? '-1' : '1')};
  ${props => getStyles(props.styles?.currencyNameContainer)}
  ${getMarginsAffix}
`;
//# sourceMappingURL=inputCurrency.styled.js.map