import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router";

export default function BuildField(props) {
    let { t } = useTranslation();

    const router = useRouter();
    const { locale } = router;

    const { fieldType, label, datafieldname, fieldValue } = props;

    const parser = new DOMParser();

    const whichFieldType = (classid) => {
        switch (classid) {
            case "{270BD3DB-D9AF-4782-9025-509E298DEC0A}":
                return <>{fieldValue}</>;
                break;
            case "{3EF39988-22BB-4f0b-BBBE-64B5A3748AEE}":
                return <>{fieldValue}</>;
                break;
            case "{67FAC785-CD58-4f9f-ABB3-4B7DDC6ED5ED}":
                return <>{fieldValue}</>;
                break;
            case "{07FAC785-CD58-4f9f-ABB3-4B7DDC6ED5ED}":
                return <>{fieldValue}</>;
                break;
            case "{4273EDBD-AC1D-40d3-9FB2-095C621B552D}":
                return <>{fieldValue}</>;
                break;
            case "{0273EDBD-AC1D-40d3-9FB2-095C621B552D}":
                return <>{}</>;
                break;
            case "{5B773807-9FB2-42db-97C3-7A91EFF8ADFF}":
                return (
                    <>
                        <span>hello</span>
                    </>
                );
                break;
            case "{E0DECE4B-6FC8-4a8f-A065-082708572369}":
                return <>{fieldValue}</>;
                break;
            case "{C6D124CA-7EDA-4a60-AEA9-7FB8D318B68F}":
                return <>{fieldValue}</>;
                break;
            case "{C3EFE0C3-0EC6-42be-8349-CBD9079DFD8E}":
                return <>{fieldValue}</>;
                break;
            case "{16D63FD6-119B-4353-BDCA-18358721C3FE}":
                return <> {fieldValue}</>;
                break;
            case "{E0DECE4B-6666-4a8f-A065-082708572369}":
                return (
                    <>
                        <div
                            className="govuk-summary-list-check-ellipsis"
                            dangerouslySetInnerHTML={{
                                __html: fieldValue,
                            }}
                        />
                    </>
                );
                break;

            default:
                return <>{fieldValue}</>;
        }
    };

    return <>{whichFieldType(props.fieldType)}</>;
}