Shared: Components: TabsContainer: Fixed initial value.

packages/shared/components/tabs-container/TabsContainer.tsx

@@ -39,13 +39,14 @@ const TabsContainer = ({
   elements,
   isDisabled,
   onSelect,
-  selectedItem = 0,
+  selectedItem,
   multiple = false,
   withBorder = false,
 }: TabsContainerProps) => {
   const arrayRefs = React.useRef<HTMLDivElement[]>([]);
   const scrollRef = React.useRef<HTMLDivElement | null>(null);
-  const selected = multiple ? [selectedItem] : selectedItem;
+
+  const selected = !selectedItem ? (multiple ? [] : 0) : selectedItem;
 
   const [state, setState] = React.useState({
     activeTab: selected,

packages/shared/components/tabs-container/TabsContainer.types.ts

@@ -39,7 +39,7 @@ export interface TabsContainerProps {
   /** Sets a callback function that is triggered when the title is selected */
   onSelect: (element: TElement) => void;
   /** Selected title of tabs container */
-  selectedItem: number;
+  selectedItem: number | number[];
   /** Enables multiple select  */
   multiple?: boolean;
   /** Enables Body scroll */