/**
 * Configuration for UI components.
 *
 * @file
 */

import { __ } from '@wordpress/i18n';

export const STYLING_LOCATIONS = {
	cart: {
		value: 'cart',
		label: __( 'Cart', 'woocommerce-paypal-payments' ),
		link: 'https://woocommerce.com/document/woocommerce-paypal-payments/#button-on-cart',
		props: { layout: false, tagline: false },
	},
	classicCheckout: {
		value: 'classicCheckout',
		label: __( 'Classic Checkout', 'woocommerce-paypal-payments' ),
		link: 'https://woocommerce.com/document/woocommerce-paypal-payments/#button-on-checkout',
		props: { layout: true, tagline: true },
	},
	expressCheckout: {
		value: 'expressCheckout',
		label: __( 'Express Checkout', 'woocommerce-paypal-payments' ),
		link: 'https://woocommerce.com/document/woocommerce-paypal-payments/#button-on-block-express-checkout',
		props: { layout: false, tagline: false },
	},
	miniCart: {
		value: 'miniCart',
		label: __( 'Mini Cart', 'woocommerce-paypel-payements' ),
		link: 'https://woocommerce.com/document/woocommerce-paypal-payments/#button-on-mini-cart',
		props: { layout: true, tagline: true },
	},
	product: {
		value: 'product',
		label: __( 'Product Page', 'woocommerce-paypal-payments' ),
		link: 'https://woocommerce.com/document/woocommerce-paypal-payments/#button-on-single-product',
		props: { layout: true, tagline: true },
	},
};

export const STYLING_LABELS = {
	paypal: {
		value: 'paypal',
		label: __( 'PayPal', 'woocommerce-paypal-payments' ),
	},
	checkout: {
		value: 'checkout',
		label: __( 'Checkout', 'woocommerce-paypal-payments' ),
	},
	buynow: {
		value: 'buynow',
		label: __( 'PayPal Buy Now', 'woocommerce-paypal-payments' ),
	},
	pay: {
		value: 'pay',
		label: __( 'Pay with PayPal', 'woocommerce-paypal-payments' ),
	},
};

export const STYLING_COLORS = {
	gold: {
		value: 'gold',
		label: __( 'Gold (Recommended)', 'woocommerce-paypal-payments' ),
	},
	blue: {
		value: 'blue',
		label: __( 'Blue', 'woocommerce-paypal-payments' ),
	},
	silver: {
		value: 'silver',
		label: __( 'Silver', 'woocommerce-paypal-payments' ),
	},
	black: {
		value: 'black',
		label: __( 'Black', 'woocommerce-paypal-payments' ),
	},
	white: {
		value: 'white',
		label: __( 'White', 'woocommerce-paypal-payments' ),
	},
};

export const STYLING_LAYOUTS = {
	vertical: {
		value: 'vertical',
		label: __( 'Vertical', 'woocommerce-paypal-payments' ),
	},
	horizontal: {
		value: 'horizontal',
		label: __( 'Horizontal', 'woocommerce-paypal-payments' ),
	},
};

export const STYLING_SHAPES = {
	rect: {
		value: 'rect',
		label: __( 'Rectangle', 'woocommerce-paypal-payments' ),
	},
	pill: {
		value: 'pill',
		label: __( 'Pill', 'woocommerce-paypal-payments' ),
	},
};

export const STYLING_PAYMENT_METHODS = {
	'ppcp-gateway': {
		value: 'ppcp-gateway',
		label: __( 'PayPal', 'woocommerce-paypal-payments' ),
		checked: true,
		disabled: true,
	},
	venmo: {
		value: 'venmo',
		label: __( 'Venmo', 'woocommerce-paypal-payments' ),
		isFunding: true,
	},
	'pay-later': {
		value: 'pay-later',
		label: __( 'Pay Later', 'woocommerce-paypal-payments' ),
		isFunding: true,
	},
	'ppcp-googlepay': {
		value: 'ppcp-googlepay',
		label: __( 'Google Pay', 'woocommerce-paypal-payments' ),
	},
	'ppcp-applepay': {
		value: 'ppcp-applepay',
		label: __( 'Apple Pay', 'woocommerce-paypal-payments' ),
	},
};