import styled, { css } from 'styled-components';

import { IIconBox } from './IconBox.interface';
import { colors } from '@/styles/variables';

export const StyledIconBox = styled.div<IIconBox>`
  display: flex;

  & i{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    color: ${colors.primary70};
    background: ${colors.primary70};
    border-radius: 50px;

    text-align:center;

    margin-right:8px;
  }
`;