mirror of
https://github.com/google-gemini/gemini-cli.git
synced 2026-03-29 15:30:40 -07:00
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2026 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import type React from 'react';
|
|
import { Box, Text } from 'ink';
|
|
import { theme } from '../../semantic-colors.js';
|
|
|
|
export interface DialogFooterProps {
|
|
/** The main shortcut (e.g., "Enter to submit") */
|
|
primaryAction: string;
|
|
/** Secondary navigation shortcuts (e.g., "Tab to switch questions") */
|
|
navigationActions?: string;
|
|
/** Exit shortcut (defaults to "Esc to cancel") */
|
|
cancelAction?: string;
|
|
/** Custom keyboard shortcut hints (e.g., ["Ctrl+P to edit"]) */
|
|
extraParts?: string[];
|
|
}
|
|
|
|
/**
|
|
* A shared footer component for dialogs to ensure consistent styling and formatting
|
|
* of keyboard shortcuts and help text.
|
|
*/
|
|
export const DialogFooter: React.FC<DialogFooterProps> = ({
|
|
primaryAction,
|
|
navigationActions,
|
|
cancelAction = 'Esc to cancel',
|
|
extraParts = [],
|
|
}) => {
|
|
const parts = [primaryAction];
|
|
if (navigationActions) {
|
|
parts.push(navigationActions);
|
|
}
|
|
parts.push(...extraParts);
|
|
parts.push(cancelAction);
|
|
|
|
return (
|
|
<Box marginTop={1}>
|
|
<Text color={theme.text.secondary}>{parts.join(' · ')}</Text>
|
|
</Box>
|
|
);
|
|
};
|