<VxTimeLine type="1" 
                                   data={[
                                        { subtitle: "sub example 1", title: "Example 1",description:"lorem ...", children: <></> },
                                        { subtitle: "sub example 2", title: "Example 2",description: "lorem ...", children: <></> },
                                   ]} />

                                <VxTimeLine type="2" 
                                  data={[
                                   {
                                        subtitle: "Los mejores cascos", 
                                        title: "Este es mi casco", 
                                        description: "Descripcion general de todo", 
                                        status: "New", 
                                        icon: <svg className="w-2.5 h-2.5 text-blue-800 dark:text-blue-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                                             <path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" />
                                        </svg>,   
                                        children: <></> // ---> html
                                   }
                                   ]} />