import { Component } from 'react';
import { connect } from 'react-redux';
import { __ } from './globals';

class NoPreconditions extends Component {
    render() {
        return <div className="flex flex-col flex-shrink-0 items-center justify-center text-center space-y-1 text-gray-350 p-4">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" className="min-w-10 max-w-10 min-h-10 max-h-10">
                <path fillRule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clipRule="evenodd" />
            </svg>
            <div className="flex flex-col items-center">
                <h1 className="text-2x text-gray-400">{__('No Preconditions')}</h1>
                <p className="text-smaller-1 text-gray-300">{__('Optionally add Preconditions to test before applying offers.')}</p>
            </div>
        </div>;
    }
}

export default connect(NoPreconditions.mapStateToProps, {})(NoPreconditions);