import React, {FC} from "react";
import {__, isNew, urls} from "../globals";
import {Button} from "./cards/Button";

export type GoToStoreButtonProps = {
}

export const GoToStoreButton: FC<GoToStoreButtonProps> = ({}) => {
    return!isNew && <Button preset={'gray-darker'} onClick={() => {
        window.open(urls.store, '_blank')
    }}>
        <div className="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="min-w-4 min-h-4 max-w-4 max-h-4">
                <path strokeLinecap="round" strokeLinejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
            </svg>
            {__('View Store', 'coupons-plus')}
        </div>
    </Button>

}