alkem-io / client-web / #6263

import { PropsWithChildren } from 'react';

import { IconButton } from '@mui/material';

import { Theme } from '@mui/material/styles';

import { ExpandContentIcon } from './ExpandContent';

import PageContentBlockHeader, { PageContentBlockHeaderProps } from './PageContentBlockHeader';

import { Close } from '@mui/icons-material';

import { useTranslation } from 'react-i18next';

interface PageContentBlockHeaderWithDialogActionProps extends PageContentBlockHeaderProps {

  onDialogOpen?: () => void;

  onDialogClose?: () => void;

  expanded?: boolean;

  showExpand?: boolean;

  id?: string;

}

const PageContentBlockHeaderWithDialogAction = ({

  expanded = false,

  onDialogOpen,

  onDialogClose,

  showExpand = true,

  ...headerProps

}: PropsWithChildren<PageContentBlockHeaderWithDialogActionProps>) => {

  const { t } = useTranslation();

    <>

      {actions}

        <IconButton

          onClick={expanded ? onDialogClose : onDialogOpen}

          sx={{ svg: { width: iconSize, height: iconSize } }}

          aria-label={t('buttons.expandWindow')}

          id={id}

        >

          {expanded ? <Close /> : <ExpandContentIcon />}

        </IconButton>

      )}

    </>

  );

  return <PageContentBlockHeader {...headerProps} titleId={titleId} id={id} actions={dialogAction} />;

};

export default PageContentBlockHeaderWithDialogAction;