import { VIEW_TYPES } from '../../../constants/product'

export const BRAND_PRICE_RADIO = [
	{ label: 'By Brand', value: 'byBrand' },
	{ label: 'By Price', value: 'byPrice' },
];

export const VIEW_TYPE_VS_LABLES = {
	[VIEW_TYPES.GRID]: "Grid View",
	[VIEW_TYPES.LIST]: "List View"
}

export const VIEW_OPTIONS = [
	{
		label: VIEW_TYPE_VS_LABLES[VIEW_TYPES.GRID],
		key: VIEW_TYPES.GRID,
	},
	{
		label: VIEW_TYPE_VS_LABLES[VIEW_TYPES.LIST],
		key: VIEW_TYPES.LIST,
	},
]

export const SORT_TYPES = {
	// NONE: 'none',
	POPULARITY: 'popularity',
	PRICE_LOW_TO_HIGH: 'priceLowToHigh',
	PRICE_HIGH_TO_LOW: 'priceHighToLow'
}

export const SORT_OPTIONS_VS_LABLES = {
	// [SORT_TYPES.NONE]: 'None',
	[SORT_TYPES.POPULARITY]: "Popularity",
	[SORT_TYPES.PRICE_LOW_TO_HIGH]: "Price Low to High",
	[SORT_TYPES.PRICE_HIGH_TO_LOW]: "Price High to Low"
}

export const SORT_OPTIONS = [
	// {
	// 	label: SORT_OPTIONS_VS_LABLES[SORT_TYPES.NONE],
	// 	key: SORT_TYPES.NONE,
	// },
	{
		label: SORT_OPTIONS_VS_LABLES[SORT_TYPES.POPULARITY],
		key: SORT_TYPES.POPULARITY,
	},
	{
		label: SORT_OPTIONS_VS_LABLES[SORT_TYPES.PRICE_LOW_TO_HIGH],
		key: SORT_TYPES.PRICE_LOW_TO_HIGH,
	},
	{
		label: SORT_OPTIONS_VS_LABLES[SORT_TYPES.PRICE_HIGH_TO_LOW],
		key: SORT_TYPES.PRICE_HIGH_TO_LOW,
	},
]
export const SORT_TO_PAYLOAD_CONVERT = {
	// [SORT_TYPES.NONE]: { sort: 'id', order: 'asc' },
	[SORT_TYPES.POPULARITY]: { sort: 'id', order: 'asc' },
	[SORT_TYPES.PRICE_LOW_TO_HIGH]: { sort: 'price', order: 'asc' },
	[SORT_TYPES.PRICE_HIGH_TO_LOW]: { sort: 'price', order: 'desc' }
}