import type { BoxProps } from '@mui/material';
import { GasMessage } from '../../components/GasMessage/GasMessage.js';
import { ToAddressRequiredMessage } from '../../components/ToAddressRequiredMessage.js';
import { useRoutes } from '../../hooks/useRoutes.js';

export const MainMessages: React.FC<BoxProps> = (props) => {
  const { routes } = useRoutes();

  const currentRoute = routes?.[0];

  return (
    <>
      <ToAddressRequiredMessage route={currentRoute} {...props} />
      <GasMessage route={currentRoute} {...props} />
    </>
  );
};