Data Display - Copy this React, Tailwind Component to your project

the grouping should be type, label, description. : { id : 1, type : "Pill", label:"Segmentation", description: "Label 1",value : "", url :'www.google.com", colour:"white"} { id : 1, type : "Pill", label:"Segmentation", description: "Label 2",value : "", url :'www.google.com", colour:"blue"} { id : 2, type : "Pill", label:"Segmentation", description: "Label 3",value : "", url :'www.google.com", colour:"white"} { id : 3, type : "Pill", label:"Segmentation", description: "Label 4",value : "", url :'www.google.com", colour:"red"} { id : 4, type : "Treeview", label:"Billing", description: "Details",value : "Billing:Monthly", url :'www.bbc.co.uk", colour:"white"} { id : 5, type : "Treeview", label:"Billing", description: "Details",value : "date : 1st", url :'www.itv.co.uk", colour:"white"} { id : 6, type : "Treeview", label:"Billing", description: "Spid",value : "CoreSpid::1", url :'www.bbc.co.uk", colour:"white"} { id : 7, type : "Treeview", label:"Billing", description: "Spid",value : "Address ::1 the road", url :'www.bbc.co.uk", colour:"white"} { id : 8, type : "Treeview", label:"Billing", description: "Spid",value : "Address :The Street", url :'www.bbc.co.uk", colour:"white"}