import styled from 'styled-components';
import { IconProps } from './types';

/**
 * This is a 100% duplicate of `@lendi-ui/icon/spinner`.
 *
 * It is duplicated so that, mono-package can be rid of LUI Now dependencies.
 *
 * @param props
 * @constructor
 */
export const IconWrapper = styled.span<IconProps>`
  width: ${({ width }) => width ?? '1em'};
  height: ${({ height }) => height ?? '1em'};
  vertical-align: middle;
  display: inline-block;

  & > svg {
    fill: ${({ color }) => color};
    width: inherit;
    height: inherit;
  }

  [class$='fillPath'] {
    fill: ${({ color }) => color};
  }
`;