import {PaymentMethodProps} from "../typings/wc-types";
import styles from './StitchExpressLabel.module.scss';
import {StitchExpressSettings} from "./types";

export default function StitchExpressLabel(_props: PaymentMethodProps) {
    const settings = window.wc.wcSettings.getSetting<StitchExpressSettings>('stitch-express_data');

    return (
        <div className={styles['stitch-express-label']}>
            <span className={styles.title}>Pay with Apple | Google | Capitec | Card</span>
            <div className={styles.icons}>
                <img src={settings.icon_block_master_card} alt="Master card logo"/>
                <img src={settings.icon_block_visa} alt="visa logo"/>
                <img src={settings.icon_block_apple_pay} alt="apple pay logo"/>
                <img src={settings.icon_block_google_pay} alt="google pay logo"/>
                <img src={settings.icon_block_capitec_pay} alt="capitec pay logo"/>
                <img src={settings.icon_block_happy_pay} alt="happy pay logo"/>
            </div>
        </div>
    )
}