/** @format */

export const boxDialerWidjetPosition = {
	defaultWidjet: {
		bottomLeft: {
			block: {
				bottom: '30px',
				left: '50px',
			},
			numpad: {
				hidden: {
					left: '-300px',
				},
				seen: {
					left: '25px',
				},
			},
		},
		bottomCenter: {
			block: {
				transform: 'translate(-50%, 0)',
				bottom: '30px',
				left: '50%',
			},
			numpad: {
				hidden: {
					bottom: '-300px',
					left: '50%',
					transform: 'translate(-50%, 0)',
				},
				seen: {
					bottom: '120px',
					left: '50%',
					transform: 'translate(-50%, 0)',
				},
			},
		},
		bottomRight: {
			block: {
				bottom: '30px',
				left: 'auto',
				right: '50px',
			},
			numpad: {
				hidden: {
					left: 'auto',
					right: '-300px',
				},
				seen: {
					left: 'auto',
					right: '25px',
				},
			},
		},
	},

	// BX mini UI
	bxmini: {
		bottomLeft: {
			block: {
				bottom: '30px',
				left: '50px',
			},
			numpad: {
				hidden: {
					left: '-300px',
				},
				seen: {
					left: '25px',
				},
			},
		},
		bottomCenter: {
			block: {
				transform: 'translate(-50%, 0)',
				bottom: '30px',
				left: '50%',
			},
			numpad: {
				hidden: {
					bottom: '-300px',
					left: '50%',
					transform: 'translate(-50%, 0)',
				},
				seen: {
					bottom: '120px',
					left: '50%',
					transform: 'translate(-50%, 0)',
				},
			},
		},
		bottomRight: {
			block: {
				bottom: '0',
				left: 'auto',
				right: '0',
			},
			numpad: {
				hidden: {
					left: 'auto',
					right: '-300px',
					bottom: '80px',
				},
				seen: {
					bottom: '80px',
					left: 'auto',
					right: '12px',
				},
			},
		},
	},
};
