export default function ActionPanel()

in space-slack-sync/client/src/app/components/actionPanel.tsx [14:30]

• 17 lines of code
• 3 McCabe index (conditional complexity)

export default function ActionPanel(props: ActionPanelProps) {
    let classNames = props.isActionComplete ? "actionPanelInner actionPanelInnerActionComplete" : "actionPanelInner actionPanelInnerActionNotComplete";
    return <>
        <div className="actionPanel">
            <div className={classNames}>
                <span className="actionPanelHeader">{props.headerText}</span>
                <span className="actionPanelDescription">{props.description}</span>
                {
                    !props.isActionComplete
                        ? <Button buttonText={props.buttonText} actionHandler={props.actionHandler}
                                  isDisabled={props.isDisabled}/>
                        : <AuthorizedWithCheckmark/>
                }
            </div>
        </div>
    </>
}