react-crossword-v2
Version:
A flexible, responsive, and easy-to-use crossword component for React apps
29 lines (28 loc) • 1.21 kB
TypeScript
/// <reference types="react" />
import PropTypes from 'prop-types';
import type { Direction, EnhancedProps } from './types';
/**
* Renders an individual clue, with its number. Makes use of `CrosswordContext`
* to know whether to render as “highlighted” or not, and uses the theme to
* provide the highlighting color.
*/
declare function Clue({ direction, number, children, correct, ...props }: EnhancedProps<typeof Clue.propTypes, {
/** direction of the clue: “across” or “down”; passed back in onClick */
direction: Direction;
}>): JSX.Element;
declare namespace Clue {
var propTypes: {
/** direction of the clue: "across" or "down"; passed back in onClick */
direction: PropTypes.Validator<string>;
/** number of the clue (the label shown); passed back in onClick */
number: PropTypes.Validator<string>;
/** clue text */
children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
/** whether the answer/guess is correct */
correct: PropTypes.Requireable<boolean>;
};
var defaultProps: {
correct: undefined;
};
}
export default Clue;