import AnalysisTrend from './AnalysisTrend';

export default function AnalysisSummaryABTableRow(
	props: AnalysisSummaryABTableRowProps
) {
	const { label, trendA, trendB } = props;

	return (
		<div className="gs-analysis-summary-ab-table-row">
			<div className="gs-analysis-summary-ab-table-row__label">
				{ label }
			</div>
			<div className="gs-analysis-summary-ab-table-row__trend">
				{ trendA && <AnalysisTrend { ...trendA } /> }
			</div>
			<div className="gs-analysis-summary-ab-table-row__trend">
				{ trendB && <AnalysisTrend { ...trendB } /> }
			</div>
		</div>
	);
}