import {
  Sidebar,
  SidebarContent,
  SidebarHeader,
  SidebarNavigation,
} from '@kit/ui/shadcn-sidebar';
import { Trans } from '@kit/ui/trans';

import { personalAccountNavigationConfig } from '~/config/personal-account-navigation.config';

export function HomeSidebar() {
  const collapsible = personalAccountNavigationConfig.sidebarCollapsedStyle;

  return (
    <Sidebar collapsible={collapsible}>
      <SidebarHeader className="h-24 justify-center">
        <div className="mt-24 flex items-center">
          <h5>
            <Trans i18nKey="common:myActions" />
          </h5>
        </div>
      </SidebarHeader>

      <SidebarContent>
        <SidebarNavigation config={personalAccountNavigationConfig} />
      </SidebarContent>
    </Sidebar>
  );
}