const { __ } = wp.i18n;

export const buttonShapes = [
	{
		value: 'gab-square',
		label: __('Square')
	},
	{
		value: 'gab-circular',
		label: __('Circular')
	},
];

export const animationsClasses = [
	{
		value: '',
		label: __('None')
	},
	{
		value: 'gab-grow',
		label: __('Grow')
	},
	{
		value: 'gab-shrink',
		label: __('Shrink')
	},
	{
		value: 'gab-pulse',
		label: __('Pulse')
	},
	{
		value: 'gab-pulse-grow',
		label: __('Pulse Grow')
	},
	{
		value: 'gab-pulse-shrink',
		label: __('Pulse Shrink')
	},
	{
		value: 'gab-push',
		label: __('Push')
	},
	{
		value: 'gab-pop',
		label: __('Pop')
	},
	{
		value: 'gab-bounce-in',
		label: __('Bounce In')
	},
	{
		value: 'gab-bounce-out',
		label: __('Bounce Out')
	},
	{
		value: 'gab-rotate',
		label: __('Rotate')
	},
	{
		value: 'gab-float',
		label: __('Float')
	},
	{
		value: 'gab-sink',
		label: __('Sink')
	},
	{
		value: 'gab-bob',
		label: __('Bob')
	},
	{
		value: 'gab-hang',
		label: __('Hang')
	},
	{
		value: 'gab-skew',
		label: __('Skew')
	},
	{
		value: 'gab-skew-forward',
		label: __('Skew Forward')
	},
	{
		value: 'gab-skew-backward',
		label: __('Skew Backward')
	},
	{
		value: 'gab-wobble-horizontal',
		label: __('Wobble Horizontal')
	},
	{
		value: 'gab-wobble-vertical',
		label: __('Wobble Vertical')
	},
	{
		value: 'gab-wobble-to-bottom-right',
		label: __('Wobble Bottom Right')
	},
	{
		value: 'gab-wobble-to-top-right',
		label: __('Wobble Top Right')
	},
	{
		value: 'gab-wobble-top',
		label: __('Wobble Top')
	},
	{
		value: 'gab-wobble-bottom',
		label: __('Wobble Bottom')
	},
	{
		value: 'gab-wobble-skew',
		label: __('Wobble Skew')
	},
	{
		value: 'gab-buzz-out',
		label: __('Buzz Out')
	},
	{
		value: 'gab-forward',
		label: __('Forward')
	},
	{
		value: 'gab-backward',
		label: __('Backward')
	},
	{
		value: 'gab-fade',
		label: __('Fade')
	},
	{
		value: 'gab-back-pulse',
		label: __('Back Pulse')
	},
];

export const buttonSizes = [
	{
		value: 'gab-small',
		label: __('Small')
	},
	{
		value: 'gab-normal',
		label: __('Normal')
	},
	{
		value: 'gab-large',
		label: __('Large')
	},
	{
		value: 'gab-x-large',
		label: __('Extra Large')
	},
];

export const transitionTypes = [
	{
		value: '',
		label: __('None')
	},
	{
		value: 'ease',
		label: __('ease')
	},
	{
		value: 'linear',
		label: __('linear')
	},
	{
		value: 'ease-in',
		label: __('ease-in')
	},
	{
		value: 'ease-in-out',
		label: __('ease-in-out')
	},
];
