TcfVendorConfigurationFormFeaturesFields:FC<{ vendor: TcfVendor }> = observer(({ vendor: { allFeatures } }) => {return (<><FormHeadlineoffset={TcfVendorConfigurationFormLayout.labelCol.span}description={__("Features are specified by the vendor and are immutable. They describe the characteristics of how personal data is processed in order to achieve one or more purposes.")}>{__("Features and special features")}</FormHeadline><table className="wp-list-table widefat fixed striped table-view-list" style={{ marginBottom: 25 }}><thead><tr><td width={100}>{__("Enabled")}</td><td>{__("Description")}</td></tr></thead><tbody>{allFeatures.map((purpose) => {const {data: { id, description, descriptionLegal },special} = purpose;return (<tr key={`${special ? "special" : "normal"}-${id}`}><td><Form.Item {...WP_LIST_TABLE_FORM_ITEM_PROPS}><Switch disabled={true} defaultChecked={true} /></Form.Item></td><td><strong>{description} {special && <Tag color="warning">{__("Special feature")}</Tag>}</strong><br />{reactNl2Br(descriptionLegal)}</td></tr>);})}{allFeatures.length === 0 && (<tr><td colSpan={2} style={{ textAlign: "center" }}>{__("This vendor has not listed any used features.")}</td></tr>)}</tbody></table></>);})