export const cssDependency = (attributes, globalBreakpoint = {}) => {
	const mobileBreakpoint = globalBreakpoint?.mobile ?? 767;
	const tabletBreakpoint = globalBreakpoint?.tablet ?? 1023;
	const {
		uniqueId,
		blockName,
		titleMargin,
		gapBetweenPosts,
		titleColor,
		titleFontSize,
		titleTypography,
		titleLatterSpacing,
		titleLineHeight,
		catTabCategoryTypography,
		catTabCategoryFontSize,
		catTabCategoryLineHeight,
		catTabCategoryLetterSpacing,
		catTabCategoryColor,
		catTabCategoryBg,
		catTabCategorySpaceBetween,
		catTabCategoryPadding,
		catTabCategoryBorderRadius,
		catTabCategoryMargin,
		contentAreaBg,
		contentAreaHeight,
		metaTypography,
		metaFontSize,
		metaFontSpacing,
		metaLineHeight,
		metaColors,
		metaSpaceBetween,
		metadataMargin,
		excerptTypography,
		excerptFontSize,
		excerptFontSpacing,
		excerptLineHeight,
		excerptColor,
		excerptMargin,
		socialShareIconSize,
		socialShareBorder,
		socialShareBorderWidth,
		socialShareBorderRadius,
		socialShareSpaceBetween,
		socialShareMargin,
		socialShareCustomColor,
		socialShareCustomBgColor,
		socialShareIconType,
		contentAreaBoxShadow,
		contentAreaEnableBoxShadow,
		contentAreaPadding,
		imageOpacityEffect,
		imageMode,
		imageNormalHover,
		imageGrayscaleHover,
		imageBlurEffect,
		imageGrayscaleLevel,
		imageGrayscaleLevelHover,
		imageBlurEffectHover,
		imageBrightnessHover,
		imageBrightness,
		imageBorderWidth,
		imageBorder,
		imageRadius,
		imageSpace,
		imageWidth,
		imageHeight,
		imageSize,
		imageScale,
		readMoreButtonTypography,
		readMoreButtonFontSize,
		readMoreButtonFontSpacing,
		readMoreButtonLineHeight,
		readMoreBg,
		readMoreColor,
		readMoreButtonBorder,
		readMoreButtonBorderWidth,
		readMoreButtonBorderRadius,
		readMoreButtonPadding,
		readMoreButtonMargin,
		contentAlignment,
		advancedBg,
		advancedBorderStyleWidth,
		advancedBorderStyle,
		advancedBorderRadius,
		advancedBoxShadow,
		advancedBoxShadowEnable,
		advancedPadding,
		advancedMargin,
		postCardBg,
		imageOverlayCustomColor,
		postCardBorder,
		postCardBorderWidth,
		postCardHoverBorderWidth,
		postCardBorderRadius,
		postCardHoverBorderRadius,
		postCardHoverBoxShadow,
		postCardBoxShadow,
		postCardHoverBoxShadowEnable,
		postCardBoxShadowEnable,
		postCardPadding,
		paginationColor,
		paginationBGColor,
		paginationBorder,
		paginationBorderWidth,
		paginationSpaceBetween,
		paginationBorderRadius,
		paginationPadding,
		paginationMargin,
		paginationTypography,
		paginationFontSize,
		paginationLetterSpacing,
		paginationLineHeight,
		navigationArrowHeight,
		navigationArrowWidth,
		navigationArrowSize,
		carouselArrowSize,
		carouselArrowWidth,
		carouselArrowHeight,
		carouselArrowSpaceBetween,
		carouselArrowColor,
		carouselArrowBgColor,
		carouselArrowBorder,
		carouselArrowBorderWidth,
		carouselArrowBorderRadius,
		carouselArrowHorizontal,
		carouselArrowVertical,
		carouselBoxShadowEnable,
		carouselBoxShadow,
		carouselPaginationStyle,
		carouselPaginationWidth,
		carouselPaginationHeight,
		carouselPaginationSpaceBetween,
		carouselPaginationHorizontal,
		carouselPaginationVertical,
		carouselPaginationTextColor,
		carouselPaginationColor,
		carouselPaginationBorder,
		carouselPaginationBorderWidth,
		carouselPaginationBorderWidthHover,
		hideOnDesktop,
		hideOnTablet,
		hideOnMobile,
		popupImageSize,
		popupImageWidth,
		popupImageHeight,
		priceColor,
		discountColor,
		addToCartBorderWidth,
		postType,
		catTabCategoryBorder,
		catTabCategoryBorderWidth,
		contentAreaWidth,
		contentAreaMargin,
		imagePosition,
		addToCartFontSize,
		addToCartLatterSpacing,
		addToCartLineHeight,
		priceFontSize,
		priceLatterSpacing,
		priceLineHeight,
		largeItemTitleTypography,
		metaRowGap,
		timelineConnectorColor,
		timelineIndicatorColor,
		timelineCircleBgColor,
		timelineConnectorBorder,
		timelineConnectorBorderWidth,
		timelineConnectorBorderRadius,
		timelineLayout,
		readMoreIconGap,
		socialSharePadding,
		socialShareIconPosition,
		socialPopupShareColor,
		socialPopupShareBGColor,
		socialPopupContainerBGColor,
		socialSharePopupBorder,
		socialSharePopupBorderWidth,
		socialShareBoxShadow,
		socialPopupBoxShadow,
		socialPopupBoxShadowValue,
		socialPopupPadding,
		titleShow,
		excerptShow,
		catTabCategoryEnable,
		carouselNavArrow,
		carouselPaginationDot,
		showReadMoreButton,
		socialShareEnableSocial,
		socialIconDisplayType,
		paginationType,
		metaLargeTypography,
		metaLargeFontSize,
		metaLargeLineHeight,
		metaLargeFontSpacing,
		largeMetaColors,
		largeItemTitleLatterSpacing,
		largeItemTitleLineHeight,
		largeItemTitleFontSize,
		largeItemTitleColor,
		contentVerticalPosition,
		contentHorizontalPosition,
		popupCloseBtnColor,
		generalLinkOpen,
		popupCloseBtnSize,
		popupMaxWidth,
		popupMaxHeight,
		popupBgColor,
		popupOverlayColor,
		popupTitleColor,
		popupMetaFieldsColor,
		popupExcerptColor,
		popupNavArrowColor,
		popupNavArrowBgColor,
		largeItemTitleWordSpacing,
		metaLargeWordSpacing,
		titleWordSpacing,
		metaWordSpacing,
		excerptWordSpacing,
		catTabCategoryWordSpacing,
		readMoreButtonWordSpacing,
		paginationWordSpacing,
		addToCartWordSpacing,
		priceWordSpacing,
		socialShareBoxShadowValue,
		catTabCategoryBorderWidthHover,
		catTabCategoryBorderRadiusHover,
		readMoreButtonBorderRadiusHover,
		readMoreButtonBorderWidthHover,
		carouselArrowBorderWidthHover,
		advancedBorderStyleWidthHover,
		advancedBorderRadiusHover,
		readMoreIocVisibility,
		metaSeparatorColor,

		// Post carousel
		carouselHeight,
		carouselGap,
		carouselColumn,
		equalHeightEnable,

		// Post Grid
		gridFiveColumns,
		gridFiveHorizontalGap,
		gridFiveVerticalGap,
		postGridLayout,
		largeItemHeight,
		smallItemHeight,

		// grid four
		gridFourHorizontalGap,
		gridFourVerticalGap,
		gridFourColumns,

		// Grid one
		gridOneColumns,
		gridOneVerticalGap,
		gridOneHorizontalGap,
		largeImageSize,
		largeImageHeight,
		largeImageWidth,

		// grid six.
		gridSixColumns,
		gridSixHorizontalGap,
		gridSixVerticalGap,
		smallItemContentAlignment,
		largeContentAreaPadding,

		// grid three
		gridThreeHorizontalGap,
		gridThreeVerticalGap,
		gridThreeColumns,

		// Grid two,
		gridTwoHorizontalGap,
		gridTwoVerticalGap,
		gridTwoColumns,

		// List One
		verticalGap,
		enableSeparator,
		separatorStyle,
		separatorHeight,
		separatorColor,
		spaceBetweenListItems,
		dividerHeight,
		dividerBorderStyle,
		dividerBg,
		dividerAlignment,
		dividerWidth,
		showHideDivider,
		contentAreaBorder,
		contentAreaBorderRadius,
		contentAreaBorderWidth,
		postListLayout,

		// list Two
		largeExcerptColor,
		largeItemPadding,
		readMoreTextColor,

		// List Three
		horizontalGap,
		largeItemAlignment,

		// post slider
		postSliderHeight,
		contentAreaInnerWidth,

		// Post slider two.
		postSliderTwoHeight,

		// Post thumbnail
		postThumbnailHeight,
		postThumbnailVerticalGap,
		postThumbnailPosition,
		thumbnailSliderLayout,
		thumbnailItemsHeight,
		contentAreaHoverBorderWidth,
		contentAreaHoverBorderRadius,
		thumbnailItemsTitleColor,
		thumbnailItemsCateColor,
		layoutSixPostCardBg,
		thumbnailThumbBGColor,

		// Post thumbnail two.
		thumbnailSliderTwoHeight,
		thumbnailTwoItemsHeight,
		thumbnailSliderTwoLayout,
		thumbnailProgressPosition,
		thumbnailProgressThickness,
		thumbnailProgressBarWidth,
		thumbnailProgressColor,
		thumbnailItemsToShow,
		catTabCategoryBarColor,
		carouselAutoPlayDelay,
		contentAreaThumbsBorder,
		contentAreaThumbsBorderWidth,
		contentAreaThumbsBorderRadius,
		catTabCategoryBarHoverColor,
		carouselAutoPlay,
		showImageGallery,
		imageGalleryNavArrowSize,

		// Post Badges
		postBadgesShow,
		postBadgesTypography,
		badgesLabelColor,
		badgesBgColor,
		badgesBorder,
		postBadgesFontSize,
		postBadgesLineHeight,
		postBadgesLetterSpacing,
		postBadgesWordSpacing,
		badgesPadding,
		badgesBorderWidth,
		badgesBorderRadius,
		badgesGap,
		imageGalleryNavArrowColor,
		imageGalleryNavArrowBgColor,
	} = attributes;

	const dependency = [
		uniqueId,
		blockName,
		titleMargin,
		gapBetweenPosts,
		titleColor,
		titleFontSize,
		titleTypography,
		titleLatterSpacing,
		titleLineHeight,
		catTabCategoryTypography,
		catTabCategoryFontSize,
		catTabCategoryLineHeight,
		catTabCategoryLetterSpacing,
		catTabCategoryColor,
		imageBlurEffect,
		imageGrayscaleLevel,
		imageGrayscaleLevelHover,
		imageBlurEffectHover,
		imageBrightnessHover,
		imageBrightness,
		catTabCategoryBg,
		catTabCategorySpaceBetween,
		catTabCategoryPadding,
		catTabCategoryBorderRadius,
		catTabCategoryMargin,
		contentAreaBg,
		contentAreaHeight,
		metaTypography,
		metaFontSize,
		metaFontSpacing,
		metaLineHeight,
		metaColors,
		metaSpaceBetween,
		metadataMargin,
		excerptTypography,
		excerptFontSize,
		excerptFontSpacing,
		excerptLineHeight,
		excerptColor,
		excerptMargin,
		socialShareIconSize,
		socialShareBorder,
		socialShareBorderWidth,
		socialShareBorderRadius,
		socialShareSpaceBetween,
		socialShareMargin,
		socialShareCustomColor,
		socialShareCustomBgColor,
		socialShareIconType,
		contentAreaBoxShadow,
		contentAreaEnableBoxShadow,
		contentAreaPadding,
		imageOpacityEffect,
		imageMode,
		imageNormalHover,
		imageGrayscaleHover,
		imageBorderWidth,
		imageBorder,
		imageRadius,
		imageSpace,
		imageWidth,
		imageHeight,
		imageSize,
		imageScale,
		readMoreButtonTypography,
		readMoreButtonFontSize,
		readMoreButtonFontSpacing,
		readMoreButtonLineHeight,
		readMoreBg,
		readMoreColor,
		readMoreButtonBorder,
		readMoreButtonBorderWidth,
		readMoreButtonBorderRadius,
		readMoreButtonPadding,
		readMoreButtonMargin,
		contentAlignment,
		advancedBg,
		advancedBorderStyleWidth,
		advancedBorderStyle,
		advancedBorderRadius,
		advancedBoxShadow,
		advancedBoxShadowEnable,
		advancedPadding,
		advancedMargin,
		postCardBg,
		imageOverlayCustomColor,
		postCardBorder,
		postCardBorderWidth,
		postCardHoverBorderWidth,
		postCardBorderRadius,
		postCardHoverBorderRadius,
		postCardHoverBoxShadow,
		postCardBoxShadow,
		postCardHoverBoxShadowEnable,
		postCardBoxShadowEnable,
		postCardPadding,
		paginationColor,
		paginationBGColor,
		paginationBorder,
		paginationBorderWidth,
		paginationSpaceBetween,
		paginationBorderRadius,
		paginationPadding,
		paginationMargin,
		paginationTypography,
		paginationFontSize,
		paginationLetterSpacing,
		paginationLineHeight,
		navigationArrowHeight,
		navigationArrowWidth,
		navigationArrowSize,
		carouselArrowSize,
		carouselArrowWidth,
		carouselArrowHeight,
		carouselArrowSpaceBetween,
		carouselArrowColor,
		carouselArrowBgColor,
		carouselArrowBorder,
		carouselArrowBorderWidth,
		carouselArrowBorderRadius,
		carouselArrowHorizontal,
		carouselArrowVertical,
		carouselBoxShadowEnable,
		carouselBoxShadow,
		carouselPaginationStyle,
		carouselPaginationWidth,
		carouselPaginationHeight,
		carouselPaginationSpaceBetween,
		carouselPaginationHorizontal,
		carouselPaginationVertical,
		carouselPaginationTextColor,
		carouselPaginationColor,
		carouselPaginationBorder,
		carouselPaginationBorderWidth,
		carouselPaginationBorderWidthHover,
		hideOnDesktop,
		hideOnTablet,
		hideOnMobile,
		popupImageSize,
		popupImageWidth,
		popupImageHeight,
		priceColor,
		discountColor,
		addToCartBorderWidth,
		postType,
		catTabCategoryBorder,
		catTabCategoryBorderWidth,
		contentAreaWidth,
		contentAreaMargin,
		imagePosition,
		addToCartFontSize,
		addToCartLatterSpacing,
		addToCartLineHeight,
		priceFontSize,
		priceLatterSpacing,
		priceLineHeight,
		largeItemTitleTypography,
		metaRowGap,
		timelineConnectorColor,
		timelineIndicatorColor,
		timelineCircleBgColor,
		timelineConnectorBorder,
		timelineConnectorBorderWidth,
		timelineConnectorBorderRadius,
		timelineLayout,
		readMoreIconGap,
		socialSharePadding,
		socialShareIconPosition,
		socialPopupShareColor,
		socialPopupShareBGColor,
		socialPopupContainerBGColor,
		socialSharePopupBorder,
		socialSharePopupBorderWidth,
		socialShareBoxShadow,
		socialPopupBoxShadow,
		socialPopupBoxShadowValue,
		socialPopupPadding,
		titleShow,
		excerptShow,
		catTabCategoryEnable,
		carouselNavArrow,
		carouselPaginationDot,
		showReadMoreButton,
		socialShareEnableSocial,
		socialIconDisplayType,
		paginationType,
		metaLargeTypography,
		metaLargeFontSize,
		metaLargeLineHeight,
		metaLargeFontSpacing,
		largeMetaColors,
		largeItemTitleLatterSpacing,
		largeItemTitleLineHeight,
		largeItemTitleFontSize,
		largeItemTitleColor,
		contentVerticalPosition,
		contentHorizontalPosition,
		popupCloseBtnColor,
		generalLinkOpen,
		popupCloseBtnSize,
		popupMaxWidth,
		popupMaxHeight,
		popupBgColor,
		popupOverlayColor,
		popupTitleColor,
		popupMetaFieldsColor,
		popupExcerptColor,
		popupNavArrowColor,
		popupNavArrowBgColor,
		largeItemTitleWordSpacing,
		metaLargeWordSpacing,
		titleWordSpacing,
		metaWordSpacing,
		excerptWordSpacing,
		catTabCategoryWordSpacing,
		readMoreButtonWordSpacing,
		paginationWordSpacing,
		addToCartWordSpacing,
		priceWordSpacing,
		socialShareBoxShadowValue,
		catTabCategoryBorderWidthHover,
		catTabCategoryBorderRadiusHover,
		readMoreButtonBorderRadiusHover,
		readMoreButtonBorderWidthHover,
		carouselArrowBorderWidthHover,
		advancedBorderStyleWidthHover,
		advancedBorderRadiusHover,
		carouselHeight,
		carouselGap,
		equalHeightEnable,
		carouselColumn,
		readMoreIocVisibility,
		metaSeparatorColor,

		gridFiveColumns,
		gridFiveHorizontalGap,
		gridFiveVerticalGap,
		postGridLayout,
		largeItemHeight,
		smallItemHeight,

		gridFourHorizontalGap,
		gridFourVerticalGap,
		gridFourColumns,

		gridOneColumns,
		gridOneVerticalGap,
		gridOneHorizontalGap,
		largeImageSize,
		largeImageHeight,
		largeImageWidth,

		// grid six.
		gridSixColumns,
		gridSixHorizontalGap,
		gridSixVerticalGap,
		smallItemContentAlignment,
		largeContentAreaPadding,

		// grid three
		gridThreeHorizontalGap,
		gridThreeVerticalGap,
		gridThreeColumns,

		// Grid two
		gridTwoHorizontalGap,
		gridTwoVerticalGap,
		gridTwoColumns,

		// List One
		verticalGap,
		enableSeparator,
		separatorStyle,
		separatorHeight,
		separatorColor,
		spaceBetweenListItems,
		dividerHeight,
		dividerBorderStyle,
		dividerBg,
		dividerAlignment,
		dividerWidth,
		showHideDivider,
		contentAreaBorder,
		contentAreaBorderRadius,
		contentAreaBorderWidth,
		postListLayout,

		// list Two
		largeExcerptColor,
		largeItemPadding,
		readMoreTextColor,

		// List Three
		horizontalGap,
		largeItemAlignment,

		// post slider
		postSliderHeight,
		contentAreaInnerWidth,

		// Post slider two.
		postSliderTwoHeight,

		// Post thumbnail
		postThumbnailHeight,
		postThumbnailVerticalGap,
		postThumbnailPosition,
		thumbnailSliderLayout,
		thumbnailItemsHeight,
		contentAreaHoverBorderWidth,
		contentAreaHoverBorderRadius,
		thumbnailItemsTitleColor,
		thumbnailItemsCateColor,
		layoutSixPostCardBg,
		thumbnailThumbBGColor,

		// Post thumbnail two
		thumbnailSliderTwoHeight,
		thumbnailTwoItemsHeight,
		thumbnailSliderTwoLayout,
		thumbnailProgressPosition,
		thumbnailProgressThickness,
		thumbnailProgressBarWidth,
		thumbnailProgressColor,
		thumbnailItemsToShow,
		catTabCategoryBarColor,
		carouselAutoPlayDelay,
		contentAreaThumbsBorder,
		contentAreaThumbsBorderWidth,
		contentAreaThumbsBorderRadius,
		catTabCategoryBarHoverColor,
		carouselAutoPlay,
		showImageGallery,
		imageGalleryNavArrowSize,
		// new dependency for responsive
		mobileBreakpoint,
		tabletBreakpoint,

		// Post Badges
		postBadgesShow,
		postBadgesTypography,
		badgesLabelColor,
		badgesBgColor,
		badgesBorder,
		postBadgesFontSize,
		postBadgesLineHeight,
		postBadgesLetterSpacing,
		postBadgesWordSpacing,
		badgesPadding,
		badgesBorderWidth,
		badgesBorderRadius,
		badgesGap,
		imageGalleryNavArrowColor,
		imageGalleryNavArrowBgColor,
	];

	return dependency;
};