import { ViewCardSVG, ViewTableSVG } from '@cloud-ru/ds-icons/interface/product';
import { type SegmentControlProps } from '@cloud-ru/ds-segment-control';
import { ValueOf } from '@cloud-ru/ds-utils';

export const DATA_VIEW_VALUE = {
  List: 'list',
  Compact: 'compact',
} as const;

type DataViewValue = ValueOf<typeof DATA_VIEW_VALUE>;

export const DEFAULT_ITEMS: SegmentControlProps<DataViewValue>['items'] = [
  { value: DATA_VIEW_VALUE.List, label: '', icon: <ViewTableSVG /> },
  { value: DATA_VIEW_VALUE.Compact, label: '', icon: <ViewCardSVG /> },
];