packages/pass/components/Layout/Panel/ItemHistoryPanel.tsx

   1 import type { PropsWithChildren, ReactNode } from 'react';
   2 import { type FC, type ReactElement } from 'react';
   3
   4 import { itemTypeToSubThemeClassName } from '@proton/pass/components/Layout/Theme/types';
   5 import { type ItemType } from '@proton/pass/types';
   6 import clsx from '@proton/utils/clsx';
   7
   8 import { Panel } from './Panel';
   9 import { PanelHeader } from './PanelHeader';
  10
  11 type Props = {
  12     actions?: ReactElement[];
  13     footer?: ReactNode;
  14     title: ReactNode;
  15     type: ItemType;
  16 };
  17
  18 export const ItemHistoryPanel: FC<PropsWithChildren<Props>> = ({ children, actions, footer, title, type }) => (
  19     <Panel
  20         className={clsx(itemTypeToSubThemeClassName[type], 'relative')}
  21         header={<PanelHeader title={title} actions={actions} />}
  22         footer={footer}
  23     >
  24         {children}
  25     </Panel>
  26 );