import { Box, Text } from 'ink';
import type { Theme } from '../theme';

interface Props {
  theme: Theme;
}

/**
 * Pops once an audit completes with zero findings — a moment of
 * actual closure for the user, not a drab "(no findings)". Two
 * options surface explicitly: re-audit (`R`) or quit (`q`); Esc
 * dismisses to the panes for browsing.
 */
export function CelebrationModal({ theme }: Props) {
  return (
    <Box
      borderStyle="round"
      borderColor="green"
      backgroundColor={theme.dialogBg}
      flexDirection="column"
      paddingX={3}
      paddingY={1}
      width={56}
    >
      <Text color="green" bold>
        🎉 Everything is up-to-date in your system!
      </Text>
      <Box marginTop={1}>
        <Text color={theme.dialogFg}>No drift detected across any audit category.</Text>
      </Box>
      <Box marginTop={1} flexDirection="column">
        <Text color={theme.dialogFg}>
          <Text color="cyan">R</Text> Re-audit
        </Text>
        <Text color={theme.dialogFg}>
          <Text color="cyan">q</Text> Quit
        </Text>
      </Box>
      <Box marginTop={1}>
        <Text dimColor>Esc to dismiss</Text>
      </Box>
    </Box>
  );
}