combo box penetapan sanksi

components/Sanksi/UploadSurat.js

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
 import { Row, Col, Input, FormGroup } from "reactstrap";
+import Select from "react-select";
 
 let Dropzone = null;
 class DropzoneWrapper extends Component {
@@ -15,6 +16,52 @@ class DropzoneWrapper extends Component {
 	}
 }
 
+const data = [
+	{
+		value: 'Sanksi Administratif Sedang',
+		// label_sanksi: "- Sanksi Administratif ringan"
+	},
+	{
+		sanksi: "Penghentian Pembinaan PT",
+		value: "Penghentian Pembinaan PT",
+		label_sanksi: "- Sanksi Administratif Berat"
+	},
+	{
+		sanksi: "Pencabutan Izin Perguruan Tinggi Swasta",
+		value: "Pencabutan Izin Perguruan Tinggi Swasta",
+		label_sanksi: "- Sanksi Administratif Berat"
+	},
+	{
+		sanksi: "Penghentian Pembinaan Program Studi",
+		value: "Penghentian Pembinaan Program Studi",
+		label_sanksi: "- Sanksi Administratif Berat"
+	},
+	{
+		sanksi: "Pencabutan Izin Program Studi",
+		value: "Pencabutan Izin Program Studi",
+		label_sanksi: "- Sanksi Administratif Berat"
+	},
+	{
+		sanksi: "Pembubaran Perguruan Tinggi Negeri",
+		value: "Pembubaran Perguruan Tinggi Negeri",
+		label_sanksi: "- Sanksi Administratif Berat"
+	}
+];
+
+const listSanksi = data.map(d => ({
+	"value": d.value,
+	"label": d.sanksi,
+	"label_sanksi": d.label_sanksi
+
+}))
+const formatOptionLabel = ({ value, sanksi, label_sanksi }) => (
+	<div style={{ display: "flex" }}>
+		<span className="">{value}</span>
+		<div style={{ marginLeft: "10px", color: "#ccc" }}>
+			{label_sanksi}
+		</div>
+	</div>
+);
 export class UploadSurat extends Component {
 	constructor(props) {
 		super(props);
@@ -92,6 +139,16 @@ export class UploadSurat extends Component {
 						{/* <span className="form-text">Deskripsi pelaporan minimum karakter 50 maksimum 200 karakter</span> */}
 					</div>
 				</FormGroup>
+				<FormGroup row className="mt-3">
+					<label className="col-md-2 col-form-label">List sanksi	</label>
+					<div className="col-md-10">
+						<Select
+							options={listSanksi}
+							formatOptionLabel={formatOptionLabel}
+							isMulti
+						/>
+					</div>
+				</FormGroup>
 				<FormGroup row>
 					<label className="col-md-2 col-form-label">Dokumen Surat Sanksi<span className="text-danger">*</span>:</label>
 					<div className="col-md-10">