{"size": 291, "ext": "js", "max_stars_repo_path": "web/src/components/HelpText.js", "max_stars_repo_name": "Cretezy/MasterPassX", "max_stars_repo_stars_event_min_datetime": "2017-12-27T06:53:35.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-15T02:15:45.000Z", "max_issues_repo_path": "web/src/components/HelpText.js", "max_issues_repo_name": "Cretezy/MasterPassX", "max_issues_repo_issues_event_min_datetime": "2017-12-24T02:43:09.000Z", "max_issues_repo_issues_event_max_datetime": "2021-06-08T12:23:17.000Z", "max_forks_repo_path": "web/src/components/HelpText.js", "max_forks_repo_name": "Cretezy/MasterPassX", "max_forks_repo_forks_event_min_datetime": "2018-01-16T21:19:03.000Z", "max_forks_repo_forks_event_max_datetime": "2019-01-18T09:36:32.000Z"}
{"max_stars_count": 27, "max_issues_count": 20, "max_forks_count": 2, "avg_line_length": 19.4, "max_line_length": 48, "alphanum_fraction": 0.618556701}
import React from "react";
import { Card, Collapse } from "reactstrap";

export function HelpText({ isOpen, children }) {
	return (
		<Collapse isOpen={isOpen}>
			<div className="p-1">
				<Card body>
					<p className="text-center">{children}</p>
				</Card>
			</div>
		</Collapse>
	);
}
