"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ReportListItem = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const react_1 = require("react");
const rebass_1 = require("rebass");
const ReportFormatSelector_1 = require("./ReportFormatSelector");
const ExportDestinationPicker_1 = require("./ExportDestinationPicker");
const ReportListItem = (props) => {
    const report = props.data;
    const [reportFormat, setReportFormat] = (0, react_1.useState)(null);
    const viewType = 'SettingsPanel';
    return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: `ab-${viewType}__Export__panel` },
        React.createElement(ReportFormatSelector_1.ReportFormatSelector, { viewType: viewType, reportName: report.Name, reportFormat: reportFormat, onReportFormatSelected: (reportFormat) => setReportFormat(reportFormat) }),
        React.createElement(ExportDestinationPicker_1.ExportDestinationPicker, { viewType: "SettingsPanel", reportName: report.Name, reportFormat: reportFormat })));
};
exports.ReportListItem = ReportListItem;
