import React, { ReactNode } from "react";

import { HeaderProps } from "./Header";

type SettingItem = {
  label: string;
  description: string;
  path?: string;
  href?: string;
  children: ReactNode;
  icon: ReactNode;
  dataTestid?: string;
  isConnected?: boolean;
};

type SettingCategory = {
  id: string;
  label: string;
  isIntegration?: boolean;
  items: SettingItem[];
};

const Settings: React.FC<{
  title?: string;
  isTitleHidden?: boolean;
  isSearchHidden?: boolean;
  categories: SettingCategory[];
  className?: string;
  headerProps?: HeaderProps;
}>;

export default Settings;
