const CardBody = ({ state }) => {
const {
submissionType,
ein,
rid,
planLives,
marketSegment,
group,
stateOfOperation,
submit_system_state,
} = state;
return `
Submission Option
${submissionType}
Market Segment
${marketSegment}
Plan Lives
${planLives}
Group
${group}
State of Operation
${stateOfOperation}
Status
${submit_system_state}
`;
};
const Button = ({ props }) => {
const { id, label, additionalButtonClasses, iconClass } = props;
return ``;
};
const UploadInput = ({ props }) => {
const { accept = "*" } = props;
return `
`;
};
const SubmissionTypeDrodDown = ({ props }) => {
const {
id,
label,
name,
options,
required = false,
defaultOption = "Please Select",
} = props;
if (id.includes("state-input")) options = getStateCodes();
options = [defaultOption, ...options];
return `
`;
};
const ButtonContainer = ({ props }) => {
const { planName } = props;
return `
`;
};
const TableHeader = ({ state }) => {
const { columnLabels } = state;
return `
${columnLabels
.map((column) => {
return `| ${column} | `;
})
.join("")}
`;
};
const TableBody = ({ state }) => {
const { rows } = state;
return `
${rows
.map((row) => {
return `
${row
.map((cell) => {
const id = cell?.id ? cell.id : "";
const text = cell?.text ? cell.text : cell;
return `${text}`;
})
.join("")}
`;
})
.join("")}
`;
};
/**
* Expect state to contain
* columns: Array of strings (for header)
* rows: Array of Arrays of strings (for each cell)
* @returns {String}
*/
const Table = () => {
return ``;
};