import CollapsibleInfoSidebar from '@composed-components/CollapsibleInfoSidebar';
import { type CollapsibleInfoSidebarItem } from '@composed-components/CollapsibleInfoSidebar/types';
import { IconFiles } from '@tabler/icons-react';

import ThumbnailsContent from '../ThumbnailsContent';

import { type SidebarProps } from './types';

const ITEMS: CollapsibleInfoSidebarItem[] = [
  {
    Icon: IconFiles,
    content: <ThumbnailsContent />,
  },
];

const Sidebar = ({ defaultExpanded }: SidebarProps) => {
  return (
    <CollapsibleInfoSidebar
      items={ITEMS}
      position="right"
      defaultExpandedIndex={defaultExpanded ? 0 : undefined}
    />
  );
};

export default Sidebar;
