import * as React from 'react';

export const CssScanBanner = () => (
    <a className="block-cssscan" href="https://gumroad.com/a/719368019" target="_blank">
        <div className="block-cssscan__inner">
            <p className="block-cssscan__title">Have you seen CSS Scan?</p>
            <p className="block-cssscan__desc">The fastest and easiest way to check, copy and edit CSS.</p>
            <p className="block-cssscan__more">Learn more →</p>
            <img
                className="block-cssscan__image"
                src="https://toastlog.com/img/logos/cssscan.svg"
                alt="CSS Scan logo"
            />
        </div>
    </a>
);