Новый компонент CardImage

[sitesfaction]

Описание

Предлагаю добавить компонент CardImage из arui-private с минимальными изменениями (сделать задний фон до загрузки просто серым, без плейсхолдера. Возможность темизации через background. Возможно убрать скругление углов) https://digital.alfabank.ru/demo/arui-private/#!/Components/CardImage

Чек лист

• [ ] Обсуждение
• [ ] Документация
• [ ] Базовая реализация
• [ ] Тесты

Внешний вид

API

/**
     * Идентификатор карты
     * (например: ER, GQ, SU)
     */
    cardId?: string;

    /**
     * Какие слои показывать, через запятую без пробелов
     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)
     */
    layers?: string;

    /**
     * Ширина изображения
     */
    width?: number;

    /**
     * Скругление углов
     */
    rounded?: boolean;

    /**
     * Базовый URL сервиса с изображениями
     */
    baseUrl?: string;

    /**
     * Колбек, вызываемый при загрузке изображения
     */
    onLoad?: () => void;

    /**
     * Дополнительный класс
     */
    className?: string;

    /**
     * Уникальный идентификатор блока
     */
    id?: string;

    /**
     * Идентификатор для систем автоматизированного тестирования
     */
    'data-test-id'?: string;

Stage - 0

[sitesfaction]

что можно изменить

1. добавить пропс alt текстовый
2. сделать layers в виде массива чтобы ts мог валидировать список слоев