import { ModalContainer } from './ModalContainer';
import { Box, Button, Text } from 'components/common';

interface InfoModalProps {
  title: string;
  message?: string;
  onDismiss?: () => void;
}

export const InfoModal = ({ title, message, onDismiss }: InfoModalProps) => {
  return (
    <ModalContainer title={title}>
      <Box spacingY={4}>
        {message && (
          <Text size="s" align="center">
            {message}
          </Text>
        )}
        <Button block onClick={onDismiss} disabled={!onDismiss} color="blue">
          Close
        </Button>
      </Box>
    </ModalContainer>
  );
};