fix(ts): make CSSClasses types consistent (#4774)

Author: shortcuts

src/components/Answers/Answers.tsx

@@ -3,22 +3,18 @@
 import { h } from 'preact';
 import cx from 'classnames';
 import Template from '../Template/Template';
-import { AnswersTemplates } from '../../widgets/answers/answers';
-import { Hits } from '../../types';
+import {
+  AnswersCSSClasses,
+  AnswersTemplates,
+} from '../../widgets/answers/answers';
+import { ComponentCSSClasses, Hits } from '../../types';
 
-type AnswersCSSClasses = {
-  root: string;
-  emptyRoot: string;
-  header: string;
-  loader: string;
-  list: string;
-  item: string;
-};
+export type AnswerComponentCSSClasses = ComponentCSSClasses<AnswersCSSClasses>;
 
 export type AnswersProps = {
   hits: Hits;
   isLoading: boolean;
-  cssClasses: AnswersCSSClasses;
+  cssClasses: AnswerComponentCSSClasses;
   templateProps: {
     [key: string]: any;
     templates: AnswersTemplates;

src/components/Breadcrumb/Breadcrumb.tsx

@@ -3,21 +3,17 @@
 import { h } from 'preact';
 import cx from 'classnames';
 import Template from '../Template/Template';
+import { BreadcrumbCSSClasses } from '../../widgets/breadcrumb/breadcrumb';
+import { ComponentCSSClasses } from '../../types';
 
 type BreadcrumbItem = {
   value: string;
   label: string;
 };
 
-type BreadcrumbCSSClasses = {
-  root: string;
-  noRefinementRoot: string;
-  list: string;
-  item: string;
-  selectedItem: string;
-  link: string;
-  separator: string;
-};
+export type BreadcrumbComponentCSSClasses = ComponentCSSClasses<
+  BreadcrumbCSSClasses
+>;
 
 type BreadcrumbTemplates = {
   home: string;
@@ -26,7 +22,7 @@ type BreadcrumbTemplates = {
 
 export type BreadcrumbProps = {
   items: BreadcrumbItem[];
-  cssClasses: BreadcrumbCSSClasses;
+  cssClasses: BreadcrumbComponentCSSClasses;
   templateProps: {
     templates: BreadcrumbTemplates;
   };