import React, { FC } from 'react';
import { AppleMusicIcon, SpotifyIcon, AmazonIcon } from '@orchard/frontend-react-components';
import { STORE_APPLE_MUSIC, STORE_SPOTIFY, STORE_AMAZON_MUSIC } from 'src/constants/stores';

export interface StoreIconProps {
    storeId?: number;
    className?: string;
    onClick?: () => void;
}

const StoreIcon: FC<StoreIconProps> = ({ storeId, ...props }) => {
    /* eslint-disable indent */
    switch (storeId) {
        case STORE_APPLE_MUSIC:
            return <AppleMusicIcon {...props} />;
        case STORE_SPOTIFY:
            return <SpotifyIcon {...props} />;
        case STORE_AMAZON_MUSIC:
            return <AmazonIcon {...props} />;
        default:
            return null;
    }
    /* eslint-enable indent */
};

export default StoreIcon;