public render()

in src/PersonaWithCard.tsx [69:96]

• 28 lines of code
• 1 McCabe index (conditional complexity)

    public render(): JSX.Element {
        return (
            <div ref={this.targetElementRef} data-is-focusable="true" tabIndex={0}>
                <HoverCard
                    expandingCardProps={{
                        onRenderCompactCard: this.renderCompactCard,
                        onRenderExpandedCard: this.renderExpandedCard
                    }}
                    onCardVisible={() => this.onCardVisible()}
                    instantOpenOnClick={true}
                    trapFocus={true}
                    setInitialFocus={true}
                    openHotKey={KeyCodes.enter}
                    className="persona-hover-card"
                    target={this.targetElementRef.current}
                >
                    <Persona
                        id={this.props.id}
                        email={this.props.email}
                        displayName={this.props.displayName}
                        showMode={this.props.showMode}
                        size={this.props.size}
                        className="contact-card-persona"
                    />
                </HoverCard>
            </div>
        );
    }