import { ReactNode } from 'react';
import { Typography } from '@mui/material';
import { LearnMoreMenuButtonProps } from '../@navigation/learn-more-menu-button';
import { ComponentProps, SyntheticEvent } from 'react';
export interface PageTitleProps {
  /**
   * Title text
   */
  title: ReactNode;
  /**
   * Subtitle text
   */
  subtitle?: ReactNode;
  /**
   * Menu button text
   */
  menuButtonText?: ReactNode;
  /**
   * Menu button links
   */
  links?: LearnMoreMenuButtonProps['links'];
  /**
   * Title variant
   */
  titleProps?: ComponentProps<typeof Typography>;
  /**
   * Subtitle variant
   */
  subtitleProps?: ComponentProps<typeof Typography>;
  /**
   * Pass single link without dropdown
   */
  href?: string;
  /**
   * onClick function
   */
  onClick?: (e: SyntheticEvent<EventTarget>) => void;
}

export interface PageTitleButtonProps {
  /**
   * Menu button text
   */
  menuButtonText?: ReactNode;
  /**
   * Menu button links
   */
  links?: LearnMoreMenuButtonProps['links'];
  /**
   * Pass single link without dropdown
   */
  href?: string;
  /**
   * onClick function
   */
  onClick?: (e: SyntheticEvent<EventTarget>) => void;
}