[{"data":1,"prerenderedAt":6151},["ShallowReactive",2],{"reference":3,"content-query-W7fKmcgIjj":4,"sidebar-roots":6102,"$dNTcUNV7nV":6114},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":11,"body":12,"_type":6095,"_id":6096,"_source":6097,"_file":6098,"_stem":6099,"_extension":6100,"layout":6101},"\u002F_blocks\u002Fratingforms","_blocks",false,true,"","Rating Forms","he e-commerce rating and review solution provides a platform for users to rate their e-commerce experiences. Users can assign ratings based on their satisfaction, product quality, delivery experience, and other relevant factors. These ratings offer valuable quantitative information that helps other potential buyers gauge the overall reputation and quality of products and services offered on the platform.",{"type":13,"children":14,"toc":6091},"root",[15,23,28,35,40,62,2536,2542,2547,6085],{"type":16,"tag":17,"props":18,"children":20},"element","h1",{"id":19},"rating-forms",[21],{"type":22,"value":10},"text",{"type":16,"tag":24,"props":25,"children":26},"p",{},[27],{"type":22,"value":11},{"type":16,"tag":29,"props":30,"children":32},"h2",{"id":31},"product-rating",[33],{"type":22,"value":34},"Product Rating",{"type":16,"tag":24,"props":36,"children":37},{},[38],{"type":22,"value":39},"The Product Rating block serves as a basic yet effective solution for implementing a 1-5 stars rating system commonly used in eCommerce platforms. It enables users to easily express their opinion about a particular item or experience.",{"type":16,"tag":24,"props":41,"children":42},{},[43,45,52,54,60],{"type":22,"value":44},"This block is implemented using ",{"type":16,"tag":46,"props":47,"children":49},"code",{"className":48},[],[50],{"type":22,"value":51},"SfRatingButton",{"type":22,"value":53}," and ",{"type":16,"tag":46,"props":55,"children":57},{"className":56},[],[58],{"type":22,"value":59},"SfModal",{"type":22,"value":61}," components. If you need further customizations, see their docs pages.",{"type":16,"tag":63,"props":64,"children":67},"showcase",{"showcase-name":65,"style":66},"RatingForms\u002FProductRating","min-height: 600px",[68,1274],{"type":16,"tag":69,"props":70,"children":71},"vue-only",{},[72],{"type":16,"tag":73,"props":74,"children":78},"pre",{"className":75,"code":76,"language":77,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003CSfButton class=\"absolute right-1\u002F2 top-1\u002F2 translate-x-[50%]\" @click=\"open\"> Open rating modal again \u003C\u002FSfButton>\n  \u003CSfModal\n    class=\"min-w-[376px] md:w-[480px]\"\n    tag=\"section\"\n    role=\"alertdialog\"\n    :aria-labelledby=\"modalTitleId\"\n    :aria-describedby=\"modalDescId\"\n    v-model=\"isOpen\"\n  >\n    \u003Cheader>\n      \u003CSfButton\n        square\n        variant=\"tertiary\"\n        aria-label=\"Close product rating modal\"\n        size=\"sm\"\n        class=\"!text-neutral-500 absolute right-2 top-2\"\n        @click=\"close\"\n      >\n        \u003CSfIconClose size=\"sm\" \u002F>\n      \u003C\u002FSfButton>\n      \u003Ch3 :id=\"modalTitleId\" class=\"font-bold typography-headline-4 md:typography-headline-3 mb-8\">\n        Rate your purchase\n      \u003C\u002Fh3>\n    \u003C\u002Fheader>\n    \u003Cimg\n      src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fsmartwatch.png\"\n      alt=\"Smartwatch\"\n      width=\"100\"\n      height=\"100\"\n      class=\"mx-auto border border-neutral-200 rounded-md\"\n    \u002F>\n    \u003Cp :id=\"modalDescId\" class=\"mt-2 text-center\">Smartwatch Fitness Tracker\u003C\u002Fp>\n    \u003Cform class=\"mt-6\">\n      \u003CSfRatingButton aria-label=\"Select rating\" size=\"lg\" class=\"justify-center mb-8\" v-model=\"modelValue\" \u002F>\n      \u003CSfButton type=\"submit\" class=\"w-full\">Rate Product\u003C\u002FSfButton>\n    \u003C\u002Fform>\n  \u003C\u002FSfModal>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref, useId } from 'vue';\nimport { SfModal, SfButton, SfIconClose, useDisclosure, SfRatingButton } from '@storefront-ui\u002Fvue';\n\nconst { isOpen, open, close } = useDisclosure({ initialValue: true });\nconst modelValue = ref();\nconst modalTitleId = useId();\nconst modalDescId = useId();\n\u003C\u002Fscript>\n\n","vue",[79],{"type":16,"tag":46,"props":80,"children":81},{"__ignoreMap":9},[82,105,163,176,194,212,230,248,266,284,293,311,325,334,352,370,388,406,424,433,466,483,527,536,552,569,582,600,618,636,653,671,680,731,761,831,883,899,916,933,942,978,1028,1094,1102,1179,1207,1233,1258],{"type":16,"tag":83,"props":84,"children":87},"span",{"class":85,"line":86},"line",1,[88,94,100],{"type":16,"tag":83,"props":89,"children":91},{"style":90},"--shiki-default:#ABB2BF",[92],{"type":22,"value":93},"\u003C",{"type":16,"tag":83,"props":95,"children":97},{"style":96},"--shiki-default:#E06C75",[98],{"type":22,"value":99},"template",{"type":16,"tag":83,"props":101,"children":102},{"style":90},[103],{"type":22,"value":104},">\n",{"type":16,"tag":83,"props":106,"children":108},{"class":85,"line":107},2,[109,114,119,125,130,136,141,145,150,155,159],{"type":16,"tag":83,"props":110,"children":111},{"style":90},[112],{"type":22,"value":113},"  \u003C",{"type":16,"tag":83,"props":115,"children":116},{"style":96},[117],{"type":22,"value":118},"SfButton",{"type":16,"tag":83,"props":120,"children":122},{"style":121},"--shiki-default:#D19A66",[123],{"type":22,"value":124}," class",{"type":16,"tag":83,"props":126,"children":127},{"style":90},[128],{"type":22,"value":129},"=",{"type":16,"tag":83,"props":131,"children":133},{"style":132},"--shiki-default:#98C379",[134],{"type":22,"value":135},"\"absolute right-1\u002F2 top-1\u002F2 translate-x-[50%]\"",{"type":16,"tag":83,"props":137,"children":138},{"style":121},[139],{"type":22,"value":140}," @click",{"type":16,"tag":83,"props":142,"children":143},{"style":90},[144],{"type":22,"value":129},{"type":16,"tag":83,"props":146,"children":147},{"style":132},[148],{"type":22,"value":149},"\"open\"",{"type":16,"tag":83,"props":151,"children":152},{"style":90},[153],{"type":22,"value":154},"> Open rating modal again \u003C\u002F",{"type":16,"tag":83,"props":156,"children":157},{"style":96},[158],{"type":22,"value":118},{"type":16,"tag":83,"props":160,"children":161},{"style":90},[162],{"type":22,"value":104},{"type":16,"tag":83,"props":164,"children":166},{"class":85,"line":165},3,[167,171],{"type":16,"tag":83,"props":168,"children":169},{"style":90},[170],{"type":22,"value":113},{"type":16,"tag":83,"props":172,"children":173},{"style":96},[174],{"type":22,"value":175},"SfModal\n",{"type":16,"tag":83,"props":177,"children":179},{"class":85,"line":178},4,[180,185,189],{"type":16,"tag":83,"props":181,"children":182},{"style":121},[183],{"type":22,"value":184},"    class",{"type":16,"tag":83,"props":186,"children":187},{"style":90},[188],{"type":22,"value":129},{"type":16,"tag":83,"props":190,"children":191},{"style":132},[192],{"type":22,"value":193},"\"min-w-[376px] md:w-[480px]\"\n",{"type":16,"tag":83,"props":195,"children":197},{"class":85,"line":196},5,[198,203,207],{"type":16,"tag":83,"props":199,"children":200},{"style":121},[201],{"type":22,"value":202},"    tag",{"type":16,"tag":83,"props":204,"children":205},{"style":90},[206],{"type":22,"value":129},{"type":16,"tag":83,"props":208,"children":209},{"style":132},[210],{"type":22,"value":211},"\"section\"\n",{"type":16,"tag":83,"props":213,"children":215},{"class":85,"line":214},6,[216,221,225],{"type":16,"tag":83,"props":217,"children":218},{"style":121},[219],{"type":22,"value":220},"    role",{"type":16,"tag":83,"props":222,"children":223},{"style":90},[224],{"type":22,"value":129},{"type":16,"tag":83,"props":226,"children":227},{"style":132},[228],{"type":22,"value":229},"\"alertdialog\"\n",{"type":16,"tag":83,"props":231,"children":233},{"class":85,"line":232},7,[234,239,243],{"type":16,"tag":83,"props":235,"children":236},{"style":121},[237],{"type":22,"value":238},"    :aria-labelledby",{"type":16,"tag":83,"props":240,"children":241},{"style":90},[242],{"type":22,"value":129},{"type":16,"tag":83,"props":244,"children":245},{"style":132},[246],{"type":22,"value":247},"\"modalTitleId\"\n",{"type":16,"tag":83,"props":249,"children":251},{"class":85,"line":250},8,[252,257,261],{"type":16,"tag":83,"props":253,"children":254},{"style":121},[255],{"type":22,"value":256},"    :aria-describedby",{"type":16,"tag":83,"props":258,"children":259},{"style":90},[260],{"type":22,"value":129},{"type":16,"tag":83,"props":262,"children":263},{"style":132},[264],{"type":22,"value":265},"\"modalDescId\"\n",{"type":16,"tag":83,"props":267,"children":269},{"class":85,"line":268},9,[270,275,279],{"type":16,"tag":83,"props":271,"children":272},{"style":121},[273],{"type":22,"value":274},"    v-model",{"type":16,"tag":83,"props":276,"children":277},{"style":90},[278],{"type":22,"value":129},{"type":16,"tag":83,"props":280,"children":281},{"style":132},[282],{"type":22,"value":283},"\"isOpen\"\n",{"type":16,"tag":83,"props":285,"children":287},{"class":85,"line":286},10,[288],{"type":16,"tag":83,"props":289,"children":290},{"style":90},[291],{"type":22,"value":292},"  >\n",{"type":16,"tag":83,"props":294,"children":296},{"class":85,"line":295},11,[297,302,307],{"type":16,"tag":83,"props":298,"children":299},{"style":90},[300],{"type":22,"value":301},"    \u003C",{"type":16,"tag":83,"props":303,"children":304},{"style":96},[305],{"type":22,"value":306},"header",{"type":16,"tag":83,"props":308,"children":309},{"style":90},[310],{"type":22,"value":104},{"type":16,"tag":83,"props":312,"children":314},{"class":85,"line":313},12,[315,320],{"type":16,"tag":83,"props":316,"children":317},{"style":90},[318],{"type":22,"value":319},"      \u003C",{"type":16,"tag":83,"props":321,"children":322},{"style":96},[323],{"type":22,"value":324},"SfButton\n",{"type":16,"tag":83,"props":326,"children":328},{"class":85,"line":327},13,[329],{"type":16,"tag":83,"props":330,"children":331},{"style":121},[332],{"type":22,"value":333},"        square\n",{"type":16,"tag":83,"props":335,"children":337},{"class":85,"line":336},14,[338,343,347],{"type":16,"tag":83,"props":339,"children":340},{"style":121},[341],{"type":22,"value":342},"        variant",{"type":16,"tag":83,"props":344,"children":345},{"style":90},[346],{"type":22,"value":129},{"type":16,"tag":83,"props":348,"children":349},{"style":132},[350],{"type":22,"value":351},"\"tertiary\"\n",{"type":16,"tag":83,"props":353,"children":355},{"class":85,"line":354},15,[356,361,365],{"type":16,"tag":83,"props":357,"children":358},{"style":121},[359],{"type":22,"value":360},"        aria-label",{"type":16,"tag":83,"props":362,"children":363},{"style":90},[364],{"type":22,"value":129},{"type":16,"tag":83,"props":366,"children":367},{"style":132},[368],{"type":22,"value":369},"\"Close product rating modal\"\n",{"type":16,"tag":83,"props":371,"children":373},{"class":85,"line":372},16,[374,379,383],{"type":16,"tag":83,"props":375,"children":376},{"style":121},[377],{"type":22,"value":378},"        size",{"type":16,"tag":83,"props":380,"children":381},{"style":90},[382],{"type":22,"value":129},{"type":16,"tag":83,"props":384,"children":385},{"style":132},[386],{"type":22,"value":387},"\"sm\"\n",{"type":16,"tag":83,"props":389,"children":391},{"class":85,"line":390},17,[392,397,401],{"type":16,"tag":83,"props":393,"children":394},{"style":121},[395],{"type":22,"value":396},"        class",{"type":16,"tag":83,"props":398,"children":399},{"style":90},[400],{"type":22,"value":129},{"type":16,"tag":83,"props":402,"children":403},{"style":132},[404],{"type":22,"value":405},"\"!text-neutral-500 absolute right-2 top-2\"\n",{"type":16,"tag":83,"props":407,"children":409},{"class":85,"line":408},18,[410,415,419],{"type":16,"tag":83,"props":411,"children":412},{"style":121},[413],{"type":22,"value":414},"        @click",{"type":16,"tag":83,"props":416,"children":417},{"style":90},[418],{"type":22,"value":129},{"type":16,"tag":83,"props":420,"children":421},{"style":132},[422],{"type":22,"value":423},"\"close\"\n",{"type":16,"tag":83,"props":425,"children":427},{"class":85,"line":426},19,[428],{"type":16,"tag":83,"props":429,"children":430},{"style":90},[431],{"type":22,"value":432},"      >\n",{"type":16,"tag":83,"props":434,"children":436},{"class":85,"line":435},20,[437,442,447,452,456,461],{"type":16,"tag":83,"props":438,"children":439},{"style":90},[440],{"type":22,"value":441},"        \u003C",{"type":16,"tag":83,"props":443,"children":444},{"style":96},[445],{"type":22,"value":446},"SfIconClose",{"type":16,"tag":83,"props":448,"children":449},{"style":121},[450],{"type":22,"value":451}," size",{"type":16,"tag":83,"props":453,"children":454},{"style":90},[455],{"type":22,"value":129},{"type":16,"tag":83,"props":457,"children":458},{"style":132},[459],{"type":22,"value":460},"\"sm\"",{"type":16,"tag":83,"props":462,"children":463},{"style":90},[464],{"type":22,"value":465}," \u002F>\n",{"type":16,"tag":83,"props":467,"children":469},{"class":85,"line":468},21,[470,475,479],{"type":16,"tag":83,"props":471,"children":472},{"style":90},[473],{"type":22,"value":474},"      \u003C\u002F",{"type":16,"tag":83,"props":476,"children":477},{"style":96},[478],{"type":22,"value":118},{"type":16,"tag":83,"props":480,"children":481},{"style":90},[482],{"type":22,"value":104},{"type":16,"tag":83,"props":484,"children":486},{"class":85,"line":485},22,[487,491,496,501,505,510,514,518,523],{"type":16,"tag":83,"props":488,"children":489},{"style":90},[490],{"type":22,"value":319},{"type":16,"tag":83,"props":492,"children":493},{"style":96},[494],{"type":22,"value":495},"h3",{"type":16,"tag":83,"props":497,"children":498},{"style":121},[499],{"type":22,"value":500}," :id",{"type":16,"tag":83,"props":502,"children":503},{"style":90},[504],{"type":22,"value":129},{"type":16,"tag":83,"props":506,"children":507},{"style":132},[508],{"type":22,"value":509},"\"modalTitleId\"",{"type":16,"tag":83,"props":511,"children":512},{"style":121},[513],{"type":22,"value":124},{"type":16,"tag":83,"props":515,"children":516},{"style":90},[517],{"type":22,"value":129},{"type":16,"tag":83,"props":519,"children":520},{"style":132},[521],{"type":22,"value":522},"\"font-bold typography-headline-4 md:typography-headline-3 mb-8\"",{"type":16,"tag":83,"props":524,"children":525},{"style":90},[526],{"type":22,"value":104},{"type":16,"tag":83,"props":528,"children":530},{"class":85,"line":529},23,[531],{"type":16,"tag":83,"props":532,"children":533},{"style":90},[534],{"type":22,"value":535},"        Rate your purchase\n",{"type":16,"tag":83,"props":537,"children":539},{"class":85,"line":538},24,[540,544,548],{"type":16,"tag":83,"props":541,"children":542},{"style":90},[543],{"type":22,"value":474},{"type":16,"tag":83,"props":545,"children":546},{"style":96},[547],{"type":22,"value":495},{"type":16,"tag":83,"props":549,"children":550},{"style":90},[551],{"type":22,"value":104},{"type":16,"tag":83,"props":553,"children":555},{"class":85,"line":554},25,[556,561,565],{"type":16,"tag":83,"props":557,"children":558},{"style":90},[559],{"type":22,"value":560},"    \u003C\u002F",{"type":16,"tag":83,"props":562,"children":563},{"style":96},[564],{"type":22,"value":306},{"type":16,"tag":83,"props":566,"children":567},{"style":90},[568],{"type":22,"value":104},{"type":16,"tag":83,"props":570,"children":572},{"class":85,"line":571},26,[573,577],{"type":16,"tag":83,"props":574,"children":575},{"style":90},[576],{"type":22,"value":301},{"type":16,"tag":83,"props":578,"children":579},{"style":96},[580],{"type":22,"value":581},"img\n",{"type":16,"tag":83,"props":583,"children":585},{"class":85,"line":584},27,[586,591,595],{"type":16,"tag":83,"props":587,"children":588},{"style":121},[589],{"type":22,"value":590},"      src",{"type":16,"tag":83,"props":592,"children":593},{"style":90},[594],{"type":22,"value":129},{"type":16,"tag":83,"props":596,"children":597},{"style":132},[598],{"type":22,"value":599},"\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fsmartwatch.png\"\n",{"type":16,"tag":83,"props":601,"children":603},{"class":85,"line":602},28,[604,609,613],{"type":16,"tag":83,"props":605,"children":606},{"style":121},[607],{"type":22,"value":608},"      alt",{"type":16,"tag":83,"props":610,"children":611},{"style":90},[612],{"type":22,"value":129},{"type":16,"tag":83,"props":614,"children":615},{"style":132},[616],{"type":22,"value":617},"\"Smartwatch\"\n",{"type":16,"tag":83,"props":619,"children":621},{"class":85,"line":620},29,[622,627,631],{"type":16,"tag":83,"props":623,"children":624},{"style":121},[625],{"type":22,"value":626},"      width",{"type":16,"tag":83,"props":628,"children":629},{"style":90},[630],{"type":22,"value":129},{"type":16,"tag":83,"props":632,"children":633},{"style":132},[634],{"type":22,"value":635},"\"100\"\n",{"type":16,"tag":83,"props":637,"children":639},{"class":85,"line":638},30,[640,645,649],{"type":16,"tag":83,"props":641,"children":642},{"style":121},[643],{"type":22,"value":644},"      height",{"type":16,"tag":83,"props":646,"children":647},{"style":90},[648],{"type":22,"value":129},{"type":16,"tag":83,"props":650,"children":651},{"style":132},[652],{"type":22,"value":635},{"type":16,"tag":83,"props":654,"children":656},{"class":85,"line":655},31,[657,662,666],{"type":16,"tag":83,"props":658,"children":659},{"style":121},[660],{"type":22,"value":661},"      class",{"type":16,"tag":83,"props":663,"children":664},{"style":90},[665],{"type":22,"value":129},{"type":16,"tag":83,"props":667,"children":668},{"style":132},[669],{"type":22,"value":670},"\"mx-auto border border-neutral-200 rounded-md\"\n",{"type":16,"tag":83,"props":672,"children":674},{"class":85,"line":673},32,[675],{"type":16,"tag":83,"props":676,"children":677},{"style":90},[678],{"type":22,"value":679},"    \u002F>\n",{"type":16,"tag":83,"props":681,"children":683},{"class":85,"line":682},33,[684,688,692,696,700,705,709,713,718,723,727],{"type":16,"tag":83,"props":685,"children":686},{"style":90},[687],{"type":22,"value":301},{"type":16,"tag":83,"props":689,"children":690},{"style":96},[691],{"type":22,"value":24},{"type":16,"tag":83,"props":693,"children":694},{"style":121},[695],{"type":22,"value":500},{"type":16,"tag":83,"props":697,"children":698},{"style":90},[699],{"type":22,"value":129},{"type":16,"tag":83,"props":701,"children":702},{"style":132},[703],{"type":22,"value":704},"\"modalDescId\"",{"type":16,"tag":83,"props":706,"children":707},{"style":121},[708],{"type":22,"value":124},{"type":16,"tag":83,"props":710,"children":711},{"style":90},[712],{"type":22,"value":129},{"type":16,"tag":83,"props":714,"children":715},{"style":132},[716],{"type":22,"value":717},"\"mt-2 text-center\"",{"type":16,"tag":83,"props":719,"children":720},{"style":90},[721],{"type":22,"value":722},">Smartwatch Fitness Tracker\u003C\u002F",{"type":16,"tag":83,"props":724,"children":725},{"style":96},[726],{"type":22,"value":24},{"type":16,"tag":83,"props":728,"children":729},{"style":90},[730],{"type":22,"value":104},{"type":16,"tag":83,"props":732,"children":734},{"class":85,"line":733},34,[735,739,744,748,752,757],{"type":16,"tag":83,"props":736,"children":737},{"style":90},[738],{"type":22,"value":301},{"type":16,"tag":83,"props":740,"children":741},{"style":96},[742],{"type":22,"value":743},"form",{"type":16,"tag":83,"props":745,"children":746},{"style":121},[747],{"type":22,"value":124},{"type":16,"tag":83,"props":749,"children":750},{"style":90},[751],{"type":22,"value":129},{"type":16,"tag":83,"props":753,"children":754},{"style":132},[755],{"type":22,"value":756},"\"mt-6\"",{"type":16,"tag":83,"props":758,"children":759},{"style":90},[760],{"type":22,"value":104},{"type":16,"tag":83,"props":762,"children":764},{"class":85,"line":763},35,[765,769,773,778,782,787,791,795,800,804,808,813,818,822,827],{"type":16,"tag":83,"props":766,"children":767},{"style":90},[768],{"type":22,"value":319},{"type":16,"tag":83,"props":770,"children":771},{"style":96},[772],{"type":22,"value":51},{"type":16,"tag":83,"props":774,"children":775},{"style":121},[776],{"type":22,"value":777}," aria-label",{"type":16,"tag":83,"props":779,"children":780},{"style":90},[781],{"type":22,"value":129},{"type":16,"tag":83,"props":783,"children":784},{"style":132},[785],{"type":22,"value":786},"\"Select rating\"",{"type":16,"tag":83,"props":788,"children":789},{"style":121},[790],{"type":22,"value":451},{"type":16,"tag":83,"props":792,"children":793},{"style":90},[794],{"type":22,"value":129},{"type":16,"tag":83,"props":796,"children":797},{"style":132},[798],{"type":22,"value":799},"\"lg\"",{"type":16,"tag":83,"props":801,"children":802},{"style":121},[803],{"type":22,"value":124},{"type":16,"tag":83,"props":805,"children":806},{"style":90},[807],{"type":22,"value":129},{"type":16,"tag":83,"props":809,"children":810},{"style":132},[811],{"type":22,"value":812},"\"justify-center mb-8\"",{"type":16,"tag":83,"props":814,"children":815},{"style":121},[816],{"type":22,"value":817}," v-model",{"type":16,"tag":83,"props":819,"children":820},{"style":90},[821],{"type":22,"value":129},{"type":16,"tag":83,"props":823,"children":824},{"style":132},[825],{"type":22,"value":826},"\"modelValue\"",{"type":16,"tag":83,"props":828,"children":829},{"style":90},[830],{"type":22,"value":465},{"type":16,"tag":83,"props":832,"children":834},{"class":85,"line":833},36,[835,839,843,848,852,857,861,865,870,875,879],{"type":16,"tag":83,"props":836,"children":837},{"style":90},[838],{"type":22,"value":319},{"type":16,"tag":83,"props":840,"children":841},{"style":96},[842],{"type":22,"value":118},{"type":16,"tag":83,"props":844,"children":845},{"style":121},[846],{"type":22,"value":847}," type",{"type":16,"tag":83,"props":849,"children":850},{"style":90},[851],{"type":22,"value":129},{"type":16,"tag":83,"props":853,"children":854},{"style":132},[855],{"type":22,"value":856},"\"submit\"",{"type":16,"tag":83,"props":858,"children":859},{"style":121},[860],{"type":22,"value":124},{"type":16,"tag":83,"props":862,"children":863},{"style":90},[864],{"type":22,"value":129},{"type":16,"tag":83,"props":866,"children":867},{"style":132},[868],{"type":22,"value":869},"\"w-full\"",{"type":16,"tag":83,"props":871,"children":872},{"style":90},[873],{"type":22,"value":874},">Rate Product\u003C\u002F",{"type":16,"tag":83,"props":876,"children":877},{"style":96},[878],{"type":22,"value":118},{"type":16,"tag":83,"props":880,"children":881},{"style":90},[882],{"type":22,"value":104},{"type":16,"tag":83,"props":884,"children":886},{"class":85,"line":885},37,[887,891,895],{"type":16,"tag":83,"props":888,"children":889},{"style":90},[890],{"type":22,"value":560},{"type":16,"tag":83,"props":892,"children":893},{"style":96},[894],{"type":22,"value":743},{"type":16,"tag":83,"props":896,"children":897},{"style":90},[898],{"type":22,"value":104},{"type":16,"tag":83,"props":900,"children":902},{"class":85,"line":901},38,[903,908,912],{"type":16,"tag":83,"props":904,"children":905},{"style":90},[906],{"type":22,"value":907},"  \u003C\u002F",{"type":16,"tag":83,"props":909,"children":910},{"style":96},[911],{"type":22,"value":59},{"type":16,"tag":83,"props":913,"children":914},{"style":90},[915],{"type":22,"value":104},{"type":16,"tag":83,"props":917,"children":919},{"class":85,"line":918},39,[920,925,929],{"type":16,"tag":83,"props":921,"children":922},{"style":90},[923],{"type":22,"value":924},"\u003C\u002F",{"type":16,"tag":83,"props":926,"children":927},{"style":96},[928],{"type":22,"value":99},{"type":16,"tag":83,"props":930,"children":931},{"style":90},[932],{"type":22,"value":104},{"type":16,"tag":83,"props":934,"children":936},{"class":85,"line":935},40,[937],{"type":16,"tag":83,"props":938,"children":939},{"emptyLinePlaceholder":8},[940],{"type":22,"value":941},"\n",{"type":16,"tag":83,"props":943,"children":945},{"class":85,"line":944},41,[946,950,955,960,964,969,974],{"type":16,"tag":83,"props":947,"children":948},{"style":90},[949],{"type":22,"value":93},{"type":16,"tag":83,"props":951,"children":952},{"style":96},[953],{"type":22,"value":954},"script",{"type":16,"tag":83,"props":956,"children":957},{"style":121},[958],{"type":22,"value":959}," lang",{"type":16,"tag":83,"props":961,"children":962},{"style":90},[963],{"type":22,"value":129},{"type":16,"tag":83,"props":965,"children":966},{"style":132},[967],{"type":22,"value":968},"\"ts\"",{"type":16,"tag":83,"props":970,"children":971},{"style":121},[972],{"type":22,"value":973}," setup",{"type":16,"tag":83,"props":975,"children":976},{"style":90},[977],{"type":22,"value":104},{"type":16,"tag":83,"props":979,"children":981},{"class":85,"line":980},42,[982,988,993,998,1003,1008,1013,1018,1023],{"type":16,"tag":83,"props":983,"children":985},{"style":984},"--shiki-default:#C678DD",[986],{"type":22,"value":987},"import",{"type":16,"tag":83,"props":989,"children":990},{"style":90},[991],{"type":22,"value":992}," { ",{"type":16,"tag":83,"props":994,"children":995},{"style":96},[996],{"type":22,"value":997},"ref",{"type":16,"tag":83,"props":999,"children":1000},{"style":90},[1001],{"type":22,"value":1002},", ",{"type":16,"tag":83,"props":1004,"children":1005},{"style":96},[1006],{"type":22,"value":1007},"useId",{"type":16,"tag":83,"props":1009,"children":1010},{"style":90},[1011],{"type":22,"value":1012}," } ",{"type":16,"tag":83,"props":1014,"children":1015},{"style":984},[1016],{"type":22,"value":1017},"from",{"type":16,"tag":83,"props":1019,"children":1020},{"style":132},[1021],{"type":22,"value":1022}," 'vue'",{"type":16,"tag":83,"props":1024,"children":1025},{"style":90},[1026],{"type":22,"value":1027},";\n",{"type":16,"tag":83,"props":1029,"children":1031},{"class":85,"line":1030},43,[1032,1036,1040,1044,1048,1052,1056,1060,1064,1069,1073,1077,1081,1085,1090],{"type":16,"tag":83,"props":1033,"children":1034},{"style":984},[1035],{"type":22,"value":987},{"type":16,"tag":83,"props":1037,"children":1038},{"style":90},[1039],{"type":22,"value":992},{"type":16,"tag":83,"props":1041,"children":1042},{"style":96},[1043],{"type":22,"value":59},{"type":16,"tag":83,"props":1045,"children":1046},{"style":90},[1047],{"type":22,"value":1002},{"type":16,"tag":83,"props":1049,"children":1050},{"style":96},[1051],{"type":22,"value":118},{"type":16,"tag":83,"props":1053,"children":1054},{"style":90},[1055],{"type":22,"value":1002},{"type":16,"tag":83,"props":1057,"children":1058},{"style":96},[1059],{"type":22,"value":446},{"type":16,"tag":83,"props":1061,"children":1062},{"style":90},[1063],{"type":22,"value":1002},{"type":16,"tag":83,"props":1065,"children":1066},{"style":96},[1067],{"type":22,"value":1068},"useDisclosure",{"type":16,"tag":83,"props":1070,"children":1071},{"style":90},[1072],{"type":22,"value":1002},{"type":16,"tag":83,"props":1074,"children":1075},{"style":96},[1076],{"type":22,"value":51},{"type":16,"tag":83,"props":1078,"children":1079},{"style":90},[1080],{"type":22,"value":1012},{"type":16,"tag":83,"props":1082,"children":1083},{"style":984},[1084],{"type":22,"value":1017},{"type":16,"tag":83,"props":1086,"children":1087},{"style":132},[1088],{"type":22,"value":1089}," '@storefront-ui\u002Fvue'",{"type":16,"tag":83,"props":1091,"children":1092},{"style":90},[1093],{"type":22,"value":1027},{"type":16,"tag":83,"props":1095,"children":1097},{"class":85,"line":1096},44,[1098],{"type":16,"tag":83,"props":1099,"children":1100},{"emptyLinePlaceholder":8},[1101],{"type":22,"value":941},{"type":16,"tag":83,"props":1103,"children":1105},{"class":85,"line":1104},45,[1106,1111,1115,1121,1125,1130,1134,1139,1143,1148,1154,1159,1164,1169,1174],{"type":16,"tag":83,"props":1107,"children":1108},{"style":984},[1109],{"type":22,"value":1110},"const",{"type":16,"tag":83,"props":1112,"children":1113},{"style":90},[1114],{"type":22,"value":992},{"type":16,"tag":83,"props":1116,"children":1118},{"style":1117},"--shiki-default:#E5C07B",[1119],{"type":22,"value":1120},"isOpen",{"type":16,"tag":83,"props":1122,"children":1123},{"style":90},[1124],{"type":22,"value":1002},{"type":16,"tag":83,"props":1126,"children":1127},{"style":1117},[1128],{"type":22,"value":1129},"open",{"type":16,"tag":83,"props":1131,"children":1132},{"style":90},[1133],{"type":22,"value":1002},{"type":16,"tag":83,"props":1135,"children":1136},{"style":1117},[1137],{"type":22,"value":1138},"close",{"type":16,"tag":83,"props":1140,"children":1141},{"style":90},[1142],{"type":22,"value":1012},{"type":16,"tag":83,"props":1144,"children":1146},{"style":1145},"--shiki-default:#56B6C2",[1147],{"type":22,"value":129},{"type":16,"tag":83,"props":1149,"children":1151},{"style":1150},"--shiki-default:#61AFEF",[1152],{"type":22,"value":1153}," useDisclosure",{"type":16,"tag":83,"props":1155,"children":1156},{"style":90},[1157],{"type":22,"value":1158},"({ ",{"type":16,"tag":83,"props":1160,"children":1161},{"style":96},[1162],{"type":22,"value":1163},"initialValue",{"type":16,"tag":83,"props":1165,"children":1166},{"style":90},[1167],{"type":22,"value":1168},": ",{"type":16,"tag":83,"props":1170,"children":1171},{"style":121},[1172],{"type":22,"value":1173},"true",{"type":16,"tag":83,"props":1175,"children":1176},{"style":90},[1177],{"type":22,"value":1178}," });\n",{"type":16,"tag":83,"props":1180,"children":1182},{"class":85,"line":1181},46,[1183,1187,1192,1197,1202],{"type":16,"tag":83,"props":1184,"children":1185},{"style":984},[1186],{"type":22,"value":1110},{"type":16,"tag":83,"props":1188,"children":1189},{"style":1117},[1190],{"type":22,"value":1191}," modelValue",{"type":16,"tag":83,"props":1193,"children":1194},{"style":1145},[1195],{"type":22,"value":1196}," =",{"type":16,"tag":83,"props":1198,"children":1199},{"style":1150},[1200],{"type":22,"value":1201}," ref",{"type":16,"tag":83,"props":1203,"children":1204},{"style":90},[1205],{"type":22,"value":1206},"();\n",{"type":16,"tag":83,"props":1208,"children":1210},{"class":85,"line":1209},47,[1211,1215,1220,1224,1229],{"type":16,"tag":83,"props":1212,"children":1213},{"style":984},[1214],{"type":22,"value":1110},{"type":16,"tag":83,"props":1216,"children":1217},{"style":1117},[1218],{"type":22,"value":1219}," modalTitleId",{"type":16,"tag":83,"props":1221,"children":1222},{"style":1145},[1223],{"type":22,"value":1196},{"type":16,"tag":83,"props":1225,"children":1226},{"style":1150},[1227],{"type":22,"value":1228}," useId",{"type":16,"tag":83,"props":1230,"children":1231},{"style":90},[1232],{"type":22,"value":1206},{"type":16,"tag":83,"props":1234,"children":1236},{"class":85,"line":1235},48,[1237,1241,1246,1250,1254],{"type":16,"tag":83,"props":1238,"children":1239},{"style":984},[1240],{"type":22,"value":1110},{"type":16,"tag":83,"props":1242,"children":1243},{"style":1117},[1244],{"type":22,"value":1245}," modalDescId",{"type":16,"tag":83,"props":1247,"children":1248},{"style":1145},[1249],{"type":22,"value":1196},{"type":16,"tag":83,"props":1251,"children":1252},{"style":1150},[1253],{"type":22,"value":1228},{"type":16,"tag":83,"props":1255,"children":1256},{"style":90},[1257],{"type":22,"value":1206},{"type":16,"tag":83,"props":1259,"children":1261},{"class":85,"line":1260},49,[1262,1266,1270],{"type":16,"tag":83,"props":1263,"children":1264},{"style":90},[1265],{"type":22,"value":924},{"type":16,"tag":83,"props":1267,"children":1268},{"style":96},[1269],{"type":22,"value":954},{"type":16,"tag":83,"props":1271,"children":1272},{"style":90},[1273],{"type":22,"value":104},{"type":16,"tag":1275,"props":1276,"children":1277},"react-only",{},[1278],{"type":16,"tag":73,"props":1279,"children":1283},{"className":1280,"code":1281,"language":1282,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { useState, useId } from 'react';\nimport { SfModal, SfButton, SfIconClose, useDisclosure, SfRatingButton } from '@storefront-ui\u002Freact';\n\nexport default function ProductRating() {\n  const { isOpen, open, close } = useDisclosure({ initialValue: true });\n  const [rating, setRating] = useState(0);\n  const modalTitleId = useId();\n  const modalDescId = useId();\n\n  return (\n    \u003C>\n      \u003CSfButton className=\"absolute right-1\u002F2 top-1\u002F2 translate-x-[50%]\" onClick={open}>\n        Open rating modal again\n      \u003C\u002FSfButton>\n      \u003CSfModal\n        open={isOpen}\n        onClose={close}\n        className=\"min-w-[376px] md:w-[480px]\"\n        as=\"section\"\n        role=\"alertdialog\"\n        aria-labelledby={modalTitleId}\n        aria-describedby={modalDescId}\n      >\n        \u003Cheader>\n          \u003CSfButton\n            square\n            variant=\"tertiary\"\n            className=\"!text-neutral-500 absolute right-2 top-2\"\n            aria-label=\"Close product rating modal\"\n            onClick={close}\n          >\n            \u003CSfIconClose \u002F>\n          \u003C\u002FSfButton>\n          \u003Ch3 id={modalTitleId} className=\"font-bold typography-headline-4 md:typography-headline-3 mb-8\">\n            Rate your purchase\n          \u003C\u002Fh3>\n        \u003C\u002Fheader>\n        \u003Cimg\n          src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fsmartwatch.png\"\n          alt=\"Smartwatch\"\n          width=\"100\"\n          height=\"100\"\n          className=\"mx-auto border border-neutral-200 rounded-md\"\n        \u002F>\n        \u003Cp id={modalDescId} className=\"mt-2 text-center\">\n          Smartwatch Fitness Tracker\n        \u003C\u002Fp>\n        \u003Cform className=\"mt-6\">\n          \u003CSfRatingButton\n            value={rating}\n            size=\"lg\"\n            aria-label=\"Select rating\"\n            className=\"justify-center mb-8\"\n            onChange={setRating}\n          \u002F>\n          \u003CSfButton type=\"submit\" className=\"w-full\">\n            Rate Product\n          \u003C\u002FSfButton>\n        \u003C\u002Fform>\n      \u003C\u002FSfModal>\n    \u003C\u002F>\n  );\n}\n","tsx",[1284],{"type":16,"tag":46,"props":1285,"children":1286},{"__ignoreMap":9},[1287,1328,1392,1399,1427,1491,1546,1569,1592,1599,1612,1620,1672,1680,1695,1706,1731,1755,1771,1787,1803,1828,1853,1860,1875,1887,1895,1911,1927,1943,1967,1975,1991,2007,2055,2063,2078,2094,2105,2121,2137,2153,2169,2185,2193,2240,2248,2263,2290,2302,2327,2345,2362,2379,2404,2413,2453,2462,2478,2494,2510,2519,2528],{"type":16,"tag":83,"props":1288,"children":1289},{"class":85,"line":86},[1290,1294,1298,1303,1307,1311,1315,1319,1324],{"type":16,"tag":83,"props":1291,"children":1292},{"style":984},[1293],{"type":22,"value":987},{"type":16,"tag":83,"props":1295,"children":1296},{"style":90},[1297],{"type":22,"value":992},{"type":16,"tag":83,"props":1299,"children":1300},{"style":96},[1301],{"type":22,"value":1302},"useState",{"type":16,"tag":83,"props":1304,"children":1305},{"style":90},[1306],{"type":22,"value":1002},{"type":16,"tag":83,"props":1308,"children":1309},{"style":96},[1310],{"type":22,"value":1007},{"type":16,"tag":83,"props":1312,"children":1313},{"style":90},[1314],{"type":22,"value":1012},{"type":16,"tag":83,"props":1316,"children":1317},{"style":984},[1318],{"type":22,"value":1017},{"type":16,"tag":83,"props":1320,"children":1321},{"style":132},[1322],{"type":22,"value":1323}," 'react'",{"type":16,"tag":83,"props":1325,"children":1326},{"style":90},[1327],{"type":22,"value":1027},{"type":16,"tag":83,"props":1329,"children":1330},{"class":85,"line":107},[1331,1335,1339,1343,1347,1351,1355,1359,1363,1367,1371,1375,1379,1383,1388],{"type":16,"tag":83,"props":1332,"children":1333},{"style":984},[1334],{"type":22,"value":987},{"type":16,"tag":83,"props":1336,"children":1337},{"style":90},[1338],{"type":22,"value":992},{"type":16,"tag":83,"props":1340,"children":1341},{"style":96},[1342],{"type":22,"value":59},{"type":16,"tag":83,"props":1344,"children":1345},{"style":90},[1346],{"type":22,"value":1002},{"type":16,"tag":83,"props":1348,"children":1349},{"style":96},[1350],{"type":22,"value":118},{"type":16,"tag":83,"props":1352,"children":1353},{"style":90},[1354],{"type":22,"value":1002},{"type":16,"tag":83,"props":1356,"children":1357},{"style":96},[1358],{"type":22,"value":446},{"type":16,"tag":83,"props":1360,"children":1361},{"style":90},[1362],{"type":22,"value":1002},{"type":16,"tag":83,"props":1364,"children":1365},{"style":96},[1366],{"type":22,"value":1068},{"type":16,"tag":83,"props":1368,"children":1369},{"style":90},[1370],{"type":22,"value":1002},{"type":16,"tag":83,"props":1372,"children":1373},{"style":96},[1374],{"type":22,"value":51},{"type":16,"tag":83,"props":1376,"children":1377},{"style":90},[1378],{"type":22,"value":1012},{"type":16,"tag":83,"props":1380,"children":1381},{"style":984},[1382],{"type":22,"value":1017},{"type":16,"tag":83,"props":1384,"children":1385},{"style":132},[1386],{"type":22,"value":1387}," '@storefront-ui\u002Freact'",{"type":16,"tag":83,"props":1389,"children":1390},{"style":90},[1391],{"type":22,"value":1027},{"type":16,"tag":83,"props":1393,"children":1394},{"class":85,"line":165},[1395],{"type":16,"tag":83,"props":1396,"children":1397},{"emptyLinePlaceholder":8},[1398],{"type":22,"value":941},{"type":16,"tag":83,"props":1400,"children":1401},{"class":85,"line":178},[1402,1407,1412,1417,1422],{"type":16,"tag":83,"props":1403,"children":1404},{"style":984},[1405],{"type":22,"value":1406},"export",{"type":16,"tag":83,"props":1408,"children":1409},{"style":984},[1410],{"type":22,"value":1411}," default",{"type":16,"tag":83,"props":1413,"children":1414},{"style":984},[1415],{"type":22,"value":1416}," function",{"type":16,"tag":83,"props":1418,"children":1419},{"style":1150},[1420],{"type":22,"value":1421}," ProductRating",{"type":16,"tag":83,"props":1423,"children":1424},{"style":90},[1425],{"type":22,"value":1426},"() {\n",{"type":16,"tag":83,"props":1428,"children":1429},{"class":85,"line":196},[1430,1435,1439,1443,1447,1451,1455,1459,1463,1467,1471,1475,1479,1483,1487],{"type":16,"tag":83,"props":1431,"children":1432},{"style":984},[1433],{"type":22,"value":1434},"  const",{"type":16,"tag":83,"props":1436,"children":1437},{"style":90},[1438],{"type":22,"value":992},{"type":16,"tag":83,"props":1440,"children":1441},{"style":1117},[1442],{"type":22,"value":1120},{"type":16,"tag":83,"props":1444,"children":1445},{"style":90},[1446],{"type":22,"value":1002},{"type":16,"tag":83,"props":1448,"children":1449},{"style":1117},[1450],{"type":22,"value":1129},{"type":16,"tag":83,"props":1452,"children":1453},{"style":90},[1454],{"type":22,"value":1002},{"type":16,"tag":83,"props":1456,"children":1457},{"style":1117},[1458],{"type":22,"value":1138},{"type":16,"tag":83,"props":1460,"children":1461},{"style":90},[1462],{"type":22,"value":1012},{"type":16,"tag":83,"props":1464,"children":1465},{"style":1145},[1466],{"type":22,"value":129},{"type":16,"tag":83,"props":1468,"children":1469},{"style":1150},[1470],{"type":22,"value":1153},{"type":16,"tag":83,"props":1472,"children":1473},{"style":90},[1474],{"type":22,"value":1158},{"type":16,"tag":83,"props":1476,"children":1477},{"style":96},[1478],{"type":22,"value":1163},{"type":16,"tag":83,"props":1480,"children":1481},{"style":90},[1482],{"type":22,"value":1168},{"type":16,"tag":83,"props":1484,"children":1485},{"style":121},[1486],{"type":22,"value":1173},{"type":16,"tag":83,"props":1488,"children":1489},{"style":90},[1490],{"type":22,"value":1178},{"type":16,"tag":83,"props":1492,"children":1493},{"class":85,"line":214},[1494,1498,1503,1508,1512,1517,1522,1526,1531,1536,1541],{"type":16,"tag":83,"props":1495,"children":1496},{"style":984},[1497],{"type":22,"value":1434},{"type":16,"tag":83,"props":1499,"children":1500},{"style":90},[1501],{"type":22,"value":1502}," [",{"type":16,"tag":83,"props":1504,"children":1505},{"style":1117},[1506],{"type":22,"value":1507},"rating",{"type":16,"tag":83,"props":1509,"children":1510},{"style":90},[1511],{"type":22,"value":1002},{"type":16,"tag":83,"props":1513,"children":1514},{"style":1117},[1515],{"type":22,"value":1516},"setRating",{"type":16,"tag":83,"props":1518,"children":1519},{"style":90},[1520],{"type":22,"value":1521},"] ",{"type":16,"tag":83,"props":1523,"children":1524},{"style":1145},[1525],{"type":22,"value":129},{"type":16,"tag":83,"props":1527,"children":1528},{"style":1150},[1529],{"type":22,"value":1530}," useState",{"type":16,"tag":83,"props":1532,"children":1533},{"style":90},[1534],{"type":22,"value":1535},"(",{"type":16,"tag":83,"props":1537,"children":1538},{"style":121},[1539],{"type":22,"value":1540},"0",{"type":16,"tag":83,"props":1542,"children":1543},{"style":90},[1544],{"type":22,"value":1545},");\n",{"type":16,"tag":83,"props":1547,"children":1548},{"class":85,"line":232},[1549,1553,1557,1561,1565],{"type":16,"tag":83,"props":1550,"children":1551},{"style":984},[1552],{"type":22,"value":1434},{"type":16,"tag":83,"props":1554,"children":1555},{"style":1117},[1556],{"type":22,"value":1219},{"type":16,"tag":83,"props":1558,"children":1559},{"style":1145},[1560],{"type":22,"value":1196},{"type":16,"tag":83,"props":1562,"children":1563},{"style":1150},[1564],{"type":22,"value":1228},{"type":16,"tag":83,"props":1566,"children":1567},{"style":90},[1568],{"type":22,"value":1206},{"type":16,"tag":83,"props":1570,"children":1571},{"class":85,"line":250},[1572,1576,1580,1584,1588],{"type":16,"tag":83,"props":1573,"children":1574},{"style":984},[1575],{"type":22,"value":1434},{"type":16,"tag":83,"props":1577,"children":1578},{"style":1117},[1579],{"type":22,"value":1245},{"type":16,"tag":83,"props":1581,"children":1582},{"style":1145},[1583],{"type":22,"value":1196},{"type":16,"tag":83,"props":1585,"children":1586},{"style":1150},[1587],{"type":22,"value":1228},{"type":16,"tag":83,"props":1589,"children":1590},{"style":90},[1591],{"type":22,"value":1206},{"type":16,"tag":83,"props":1593,"children":1594},{"class":85,"line":268},[1595],{"type":16,"tag":83,"props":1596,"children":1597},{"emptyLinePlaceholder":8},[1598],{"type":22,"value":941},{"type":16,"tag":83,"props":1600,"children":1601},{"class":85,"line":286},[1602,1607],{"type":16,"tag":83,"props":1603,"children":1604},{"style":984},[1605],{"type":22,"value":1606},"  return",{"type":16,"tag":83,"props":1608,"children":1609},{"style":90},[1610],{"type":22,"value":1611}," (\n",{"type":16,"tag":83,"props":1613,"children":1614},{"class":85,"line":295},[1615],{"type":16,"tag":83,"props":1616,"children":1617},{"style":90},[1618],{"type":22,"value":1619},"    \u003C>\n",{"type":16,"tag":83,"props":1621,"children":1622},{"class":85,"line":313},[1623,1627,1631,1637,1641,1645,1650,1654,1659,1663,1668],{"type":16,"tag":83,"props":1624,"children":1625},{"style":90},[1626],{"type":22,"value":319},{"type":16,"tag":83,"props":1628,"children":1629},{"style":1117},[1630],{"type":22,"value":118},{"type":16,"tag":83,"props":1632,"children":1634},{"style":1633},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1635],{"type":22,"value":1636}," className",{"type":16,"tag":83,"props":1638,"children":1639},{"style":1145},[1640],{"type":22,"value":129},{"type":16,"tag":83,"props":1642,"children":1643},{"style":132},[1644],{"type":22,"value":135},{"type":16,"tag":83,"props":1646,"children":1647},{"style":1633},[1648],{"type":22,"value":1649}," onClick",{"type":16,"tag":83,"props":1651,"children":1652},{"style":1145},[1653],{"type":22,"value":129},{"type":16,"tag":83,"props":1655,"children":1656},{"style":984},[1657],{"type":22,"value":1658},"{",{"type":16,"tag":83,"props":1660,"children":1661},{"style":96},[1662],{"type":22,"value":1129},{"type":16,"tag":83,"props":1664,"children":1665},{"style":984},[1666],{"type":22,"value":1667},"}",{"type":16,"tag":83,"props":1669,"children":1670},{"style":90},[1671],{"type":22,"value":104},{"type":16,"tag":83,"props":1673,"children":1674},{"class":85,"line":327},[1675],{"type":16,"tag":83,"props":1676,"children":1677},{"style":90},[1678],{"type":22,"value":1679},"        Open rating modal again\n",{"type":16,"tag":83,"props":1681,"children":1682},{"class":85,"line":336},[1683,1687,1691],{"type":16,"tag":83,"props":1684,"children":1685},{"style":90},[1686],{"type":22,"value":474},{"type":16,"tag":83,"props":1688,"children":1689},{"style":1117},[1690],{"type":22,"value":118},{"type":16,"tag":83,"props":1692,"children":1693},{"style":90},[1694],{"type":22,"value":104},{"type":16,"tag":83,"props":1696,"children":1697},{"class":85,"line":354},[1698,1702],{"type":16,"tag":83,"props":1699,"children":1700},{"style":90},[1701],{"type":22,"value":319},{"type":16,"tag":83,"props":1703,"children":1704},{"style":1117},[1705],{"type":22,"value":175},{"type":16,"tag":83,"props":1707,"children":1708},{"class":85,"line":372},[1709,1714,1718,1722,1726],{"type":16,"tag":83,"props":1710,"children":1711},{"style":1633},[1712],{"type":22,"value":1713},"        open",{"type":16,"tag":83,"props":1715,"children":1716},{"style":1145},[1717],{"type":22,"value":129},{"type":16,"tag":83,"props":1719,"children":1720},{"style":984},[1721],{"type":22,"value":1658},{"type":16,"tag":83,"props":1723,"children":1724},{"style":96},[1725],{"type":22,"value":1120},{"type":16,"tag":83,"props":1727,"children":1728},{"style":984},[1729],{"type":22,"value":1730},"}\n",{"type":16,"tag":83,"props":1732,"children":1733},{"class":85,"line":390},[1734,1739,1743,1747,1751],{"type":16,"tag":83,"props":1735,"children":1736},{"style":1633},[1737],{"type":22,"value":1738},"        onClose",{"type":16,"tag":83,"props":1740,"children":1741},{"style":1145},[1742],{"type":22,"value":129},{"type":16,"tag":83,"props":1744,"children":1745},{"style":984},[1746],{"type":22,"value":1658},{"type":16,"tag":83,"props":1748,"children":1749},{"style":96},[1750],{"type":22,"value":1138},{"type":16,"tag":83,"props":1752,"children":1753},{"style":984},[1754],{"type":22,"value":1730},{"type":16,"tag":83,"props":1756,"children":1757},{"class":85,"line":408},[1758,1763,1767],{"type":16,"tag":83,"props":1759,"children":1760},{"style":1633},[1761],{"type":22,"value":1762},"        className",{"type":16,"tag":83,"props":1764,"children":1765},{"style":1145},[1766],{"type":22,"value":129},{"type":16,"tag":83,"props":1768,"children":1769},{"style":132},[1770],{"type":22,"value":193},{"type":16,"tag":83,"props":1772,"children":1773},{"class":85,"line":426},[1774,1779,1783],{"type":16,"tag":83,"props":1775,"children":1776},{"style":1633},[1777],{"type":22,"value":1778},"        as",{"type":16,"tag":83,"props":1780,"children":1781},{"style":1145},[1782],{"type":22,"value":129},{"type":16,"tag":83,"props":1784,"children":1785},{"style":132},[1786],{"type":22,"value":211},{"type":16,"tag":83,"props":1788,"children":1789},{"class":85,"line":435},[1790,1795,1799],{"type":16,"tag":83,"props":1791,"children":1792},{"style":1633},[1793],{"type":22,"value":1794},"        role",{"type":16,"tag":83,"props":1796,"children":1797},{"style":1145},[1798],{"type":22,"value":129},{"type":16,"tag":83,"props":1800,"children":1801},{"style":132},[1802],{"type":22,"value":229},{"type":16,"tag":83,"props":1804,"children":1805},{"class":85,"line":468},[1806,1811,1815,1819,1824],{"type":16,"tag":83,"props":1807,"children":1808},{"style":1633},[1809],{"type":22,"value":1810},"        aria-labelledby",{"type":16,"tag":83,"props":1812,"children":1813},{"style":1145},[1814],{"type":22,"value":129},{"type":16,"tag":83,"props":1816,"children":1817},{"style":984},[1818],{"type":22,"value":1658},{"type":16,"tag":83,"props":1820,"children":1821},{"style":96},[1822],{"type":22,"value":1823},"modalTitleId",{"type":16,"tag":83,"props":1825,"children":1826},{"style":984},[1827],{"type":22,"value":1730},{"type":16,"tag":83,"props":1829,"children":1830},{"class":85,"line":485},[1831,1836,1840,1844,1849],{"type":16,"tag":83,"props":1832,"children":1833},{"style":1633},[1834],{"type":22,"value":1835},"        aria-describedby",{"type":16,"tag":83,"props":1837,"children":1838},{"style":1145},[1839],{"type":22,"value":129},{"type":16,"tag":83,"props":1841,"children":1842},{"style":984},[1843],{"type":22,"value":1658},{"type":16,"tag":83,"props":1845,"children":1846},{"style":96},[1847],{"type":22,"value":1848},"modalDescId",{"type":16,"tag":83,"props":1850,"children":1851},{"style":984},[1852],{"type":22,"value":1730},{"type":16,"tag":83,"props":1854,"children":1855},{"class":85,"line":529},[1856],{"type":16,"tag":83,"props":1857,"children":1858},{"style":90},[1859],{"type":22,"value":432},{"type":16,"tag":83,"props":1861,"children":1862},{"class":85,"line":538},[1863,1867,1871],{"type":16,"tag":83,"props":1864,"children":1865},{"style":90},[1866],{"type":22,"value":441},{"type":16,"tag":83,"props":1868,"children":1869},{"style":96},[1870],{"type":22,"value":306},{"type":16,"tag":83,"props":1872,"children":1873},{"style":90},[1874],{"type":22,"value":104},{"type":16,"tag":83,"props":1876,"children":1877},{"class":85,"line":554},[1878,1883],{"type":16,"tag":83,"props":1879,"children":1880},{"style":90},[1881],{"type":22,"value":1882},"          \u003C",{"type":16,"tag":83,"props":1884,"children":1885},{"style":1117},[1886],{"type":22,"value":324},{"type":16,"tag":83,"props":1888,"children":1889},{"class":85,"line":571},[1890],{"type":16,"tag":83,"props":1891,"children":1892},{"style":1633},[1893],{"type":22,"value":1894},"            square\n",{"type":16,"tag":83,"props":1896,"children":1897},{"class":85,"line":584},[1898,1903,1907],{"type":16,"tag":83,"props":1899,"children":1900},{"style":1633},[1901],{"type":22,"value":1902},"            variant",{"type":16,"tag":83,"props":1904,"children":1905},{"style":1145},[1906],{"type":22,"value":129},{"type":16,"tag":83,"props":1908,"children":1909},{"style":132},[1910],{"type":22,"value":351},{"type":16,"tag":83,"props":1912,"children":1913},{"class":85,"line":602},[1914,1919,1923],{"type":16,"tag":83,"props":1915,"children":1916},{"style":1633},[1917],{"type":22,"value":1918},"            className",{"type":16,"tag":83,"props":1920,"children":1921},{"style":1145},[1922],{"type":22,"value":129},{"type":16,"tag":83,"props":1924,"children":1925},{"style":132},[1926],{"type":22,"value":405},{"type":16,"tag":83,"props":1928,"children":1929},{"class":85,"line":620},[1930,1935,1939],{"type":16,"tag":83,"props":1931,"children":1932},{"style":1633},[1933],{"type":22,"value":1934},"            aria-label",{"type":16,"tag":83,"props":1936,"children":1937},{"style":1145},[1938],{"type":22,"value":129},{"type":16,"tag":83,"props":1940,"children":1941},{"style":132},[1942],{"type":22,"value":369},{"type":16,"tag":83,"props":1944,"children":1945},{"class":85,"line":638},[1946,1951,1955,1959,1963],{"type":16,"tag":83,"props":1947,"children":1948},{"style":1633},[1949],{"type":22,"value":1950},"            onClick",{"type":16,"tag":83,"props":1952,"children":1953},{"style":1145},[1954],{"type":22,"value":129},{"type":16,"tag":83,"props":1956,"children":1957},{"style":984},[1958],{"type":22,"value":1658},{"type":16,"tag":83,"props":1960,"children":1961},{"style":96},[1962],{"type":22,"value":1138},{"type":16,"tag":83,"props":1964,"children":1965},{"style":984},[1966],{"type":22,"value":1730},{"type":16,"tag":83,"props":1968,"children":1969},{"class":85,"line":655},[1970],{"type":16,"tag":83,"props":1971,"children":1972},{"style":90},[1973],{"type":22,"value":1974},"          >\n",{"type":16,"tag":83,"props":1976,"children":1977},{"class":85,"line":673},[1978,1983,1987],{"type":16,"tag":83,"props":1979,"children":1980},{"style":90},[1981],{"type":22,"value":1982},"            \u003C",{"type":16,"tag":83,"props":1984,"children":1985},{"style":1117},[1986],{"type":22,"value":446},{"type":16,"tag":83,"props":1988,"children":1989},{"style":90},[1990],{"type":22,"value":465},{"type":16,"tag":83,"props":1992,"children":1993},{"class":85,"line":682},[1994,1999,2003],{"type":16,"tag":83,"props":1995,"children":1996},{"style":90},[1997],{"type":22,"value":1998},"          \u003C\u002F",{"type":16,"tag":83,"props":2000,"children":2001},{"style":1117},[2002],{"type":22,"value":118},{"type":16,"tag":83,"props":2004,"children":2005},{"style":90},[2006],{"type":22,"value":104},{"type":16,"tag":83,"props":2008,"children":2009},{"class":85,"line":733},[2010,2014,2018,2023,2027,2031,2035,2039,2043,2047,2051],{"type":16,"tag":83,"props":2011,"children":2012},{"style":90},[2013],{"type":22,"value":1882},{"type":16,"tag":83,"props":2015,"children":2016},{"style":96},[2017],{"type":22,"value":495},{"type":16,"tag":83,"props":2019,"children":2020},{"style":1633},[2021],{"type":22,"value":2022}," id",{"type":16,"tag":83,"props":2024,"children":2025},{"style":1145},[2026],{"type":22,"value":129},{"type":16,"tag":83,"props":2028,"children":2029},{"style":984},[2030],{"type":22,"value":1658},{"type":16,"tag":83,"props":2032,"children":2033},{"style":96},[2034],{"type":22,"value":1823},{"type":16,"tag":83,"props":2036,"children":2037},{"style":984},[2038],{"type":22,"value":1667},{"type":16,"tag":83,"props":2040,"children":2041},{"style":1633},[2042],{"type":22,"value":1636},{"type":16,"tag":83,"props":2044,"children":2045},{"style":1145},[2046],{"type":22,"value":129},{"type":16,"tag":83,"props":2048,"children":2049},{"style":132},[2050],{"type":22,"value":522},{"type":16,"tag":83,"props":2052,"children":2053},{"style":90},[2054],{"type":22,"value":104},{"type":16,"tag":83,"props":2056,"children":2057},{"class":85,"line":763},[2058],{"type":16,"tag":83,"props":2059,"children":2060},{"style":90},[2061],{"type":22,"value":2062},"            Rate your purchase\n",{"type":16,"tag":83,"props":2064,"children":2065},{"class":85,"line":833},[2066,2070,2074],{"type":16,"tag":83,"props":2067,"children":2068},{"style":90},[2069],{"type":22,"value":1998},{"type":16,"tag":83,"props":2071,"children":2072},{"style":96},[2073],{"type":22,"value":495},{"type":16,"tag":83,"props":2075,"children":2076},{"style":90},[2077],{"type":22,"value":104},{"type":16,"tag":83,"props":2079,"children":2080},{"class":85,"line":885},[2081,2086,2090],{"type":16,"tag":83,"props":2082,"children":2083},{"style":90},[2084],{"type":22,"value":2085},"        \u003C\u002F",{"type":16,"tag":83,"props":2087,"children":2088},{"style":96},[2089],{"type":22,"value":306},{"type":16,"tag":83,"props":2091,"children":2092},{"style":90},[2093],{"type":22,"value":104},{"type":16,"tag":83,"props":2095,"children":2096},{"class":85,"line":901},[2097,2101],{"type":16,"tag":83,"props":2098,"children":2099},{"style":90},[2100],{"type":22,"value":441},{"type":16,"tag":83,"props":2102,"children":2103},{"style":96},[2104],{"type":22,"value":581},{"type":16,"tag":83,"props":2106,"children":2107},{"class":85,"line":918},[2108,2113,2117],{"type":16,"tag":83,"props":2109,"children":2110},{"style":1633},[2111],{"type":22,"value":2112},"          src",{"type":16,"tag":83,"props":2114,"children":2115},{"style":1145},[2116],{"type":22,"value":129},{"type":16,"tag":83,"props":2118,"children":2119},{"style":132},[2120],{"type":22,"value":599},{"type":16,"tag":83,"props":2122,"children":2123},{"class":85,"line":935},[2124,2129,2133],{"type":16,"tag":83,"props":2125,"children":2126},{"style":1633},[2127],{"type":22,"value":2128},"          alt",{"type":16,"tag":83,"props":2130,"children":2131},{"style":1145},[2132],{"type":22,"value":129},{"type":16,"tag":83,"props":2134,"children":2135},{"style":132},[2136],{"type":22,"value":617},{"type":16,"tag":83,"props":2138,"children":2139},{"class":85,"line":944},[2140,2145,2149],{"type":16,"tag":83,"props":2141,"children":2142},{"style":1633},[2143],{"type":22,"value":2144},"          width",{"type":16,"tag":83,"props":2146,"children":2147},{"style":1145},[2148],{"type":22,"value":129},{"type":16,"tag":83,"props":2150,"children":2151},{"style":132},[2152],{"type":22,"value":635},{"type":16,"tag":83,"props":2154,"children":2155},{"class":85,"line":980},[2156,2161,2165],{"type":16,"tag":83,"props":2157,"children":2158},{"style":1633},[2159],{"type":22,"value":2160},"          height",{"type":16,"tag":83,"props":2162,"children":2163},{"style":1145},[2164],{"type":22,"value":129},{"type":16,"tag":83,"props":2166,"children":2167},{"style":132},[2168],{"type":22,"value":635},{"type":16,"tag":83,"props":2170,"children":2171},{"class":85,"line":1030},[2172,2177,2181],{"type":16,"tag":83,"props":2173,"children":2174},{"style":1633},[2175],{"type":22,"value":2176},"          className",{"type":16,"tag":83,"props":2178,"children":2179},{"style":1145},[2180],{"type":22,"value":129},{"type":16,"tag":83,"props":2182,"children":2183},{"style":132},[2184],{"type":22,"value":670},{"type":16,"tag":83,"props":2186,"children":2187},{"class":85,"line":1096},[2188],{"type":16,"tag":83,"props":2189,"children":2190},{"style":90},[2191],{"type":22,"value":2192},"        \u002F>\n",{"type":16,"tag":83,"props":2194,"children":2195},{"class":85,"line":1104},[2196,2200,2204,2208,2212,2216,2220,2224,2228,2232,2236],{"type":16,"tag":83,"props":2197,"children":2198},{"style":90},[2199],{"type":22,"value":441},{"type":16,"tag":83,"props":2201,"children":2202},{"style":96},[2203],{"type":22,"value":24},{"type":16,"tag":83,"props":2205,"children":2206},{"style":1633},[2207],{"type":22,"value":2022},{"type":16,"tag":83,"props":2209,"children":2210},{"style":1145},[2211],{"type":22,"value":129},{"type":16,"tag":83,"props":2213,"children":2214},{"style":984},[2215],{"type":22,"value":1658},{"type":16,"tag":83,"props":2217,"children":2218},{"style":96},[2219],{"type":22,"value":1848},{"type":16,"tag":83,"props":2221,"children":2222},{"style":984},[2223],{"type":22,"value":1667},{"type":16,"tag":83,"props":2225,"children":2226},{"style":1633},[2227],{"type":22,"value":1636},{"type":16,"tag":83,"props":2229,"children":2230},{"style":1145},[2231],{"type":22,"value":129},{"type":16,"tag":83,"props":2233,"children":2234},{"style":132},[2235],{"type":22,"value":717},{"type":16,"tag":83,"props":2237,"children":2238},{"style":90},[2239],{"type":22,"value":104},{"type":16,"tag":83,"props":2241,"children":2242},{"class":85,"line":1181},[2243],{"type":16,"tag":83,"props":2244,"children":2245},{"style":90},[2246],{"type":22,"value":2247},"          Smartwatch Fitness Tracker\n",{"type":16,"tag":83,"props":2249,"children":2250},{"class":85,"line":1209},[2251,2255,2259],{"type":16,"tag":83,"props":2252,"children":2253},{"style":90},[2254],{"type":22,"value":2085},{"type":16,"tag":83,"props":2256,"children":2257},{"style":96},[2258],{"type":22,"value":24},{"type":16,"tag":83,"props":2260,"children":2261},{"style":90},[2262],{"type":22,"value":104},{"type":16,"tag":83,"props":2264,"children":2265},{"class":85,"line":1235},[2266,2270,2274,2278,2282,2286],{"type":16,"tag":83,"props":2267,"children":2268},{"style":90},[2269],{"type":22,"value":441},{"type":16,"tag":83,"props":2271,"children":2272},{"style":96},[2273],{"type":22,"value":743},{"type":16,"tag":83,"props":2275,"children":2276},{"style":1633},[2277],{"type":22,"value":1636},{"type":16,"tag":83,"props":2279,"children":2280},{"style":1145},[2281],{"type":22,"value":129},{"type":16,"tag":83,"props":2283,"children":2284},{"style":132},[2285],{"type":22,"value":756},{"type":16,"tag":83,"props":2287,"children":2288},{"style":90},[2289],{"type":22,"value":104},{"type":16,"tag":83,"props":2291,"children":2292},{"class":85,"line":1260},[2293,2297],{"type":16,"tag":83,"props":2294,"children":2295},{"style":90},[2296],{"type":22,"value":1882},{"type":16,"tag":83,"props":2298,"children":2299},{"style":1117},[2300],{"type":22,"value":2301},"SfRatingButton\n",{"type":16,"tag":83,"props":2303,"children":2305},{"class":85,"line":2304},50,[2306,2311,2315,2319,2323],{"type":16,"tag":83,"props":2307,"children":2308},{"style":1633},[2309],{"type":22,"value":2310},"            value",{"type":16,"tag":83,"props":2312,"children":2313},{"style":1145},[2314],{"type":22,"value":129},{"type":16,"tag":83,"props":2316,"children":2317},{"style":984},[2318],{"type":22,"value":1658},{"type":16,"tag":83,"props":2320,"children":2321},{"style":96},[2322],{"type":22,"value":1507},{"type":16,"tag":83,"props":2324,"children":2325},{"style":984},[2326],{"type":22,"value":1730},{"type":16,"tag":83,"props":2328,"children":2330},{"class":85,"line":2329},51,[2331,2336,2340],{"type":16,"tag":83,"props":2332,"children":2333},{"style":1633},[2334],{"type":22,"value":2335},"            size",{"type":16,"tag":83,"props":2337,"children":2338},{"style":1145},[2339],{"type":22,"value":129},{"type":16,"tag":83,"props":2341,"children":2342},{"style":132},[2343],{"type":22,"value":2344},"\"lg\"\n",{"type":16,"tag":83,"props":2346,"children":2348},{"class":85,"line":2347},52,[2349,2353,2357],{"type":16,"tag":83,"props":2350,"children":2351},{"style":1633},[2352],{"type":22,"value":1934},{"type":16,"tag":83,"props":2354,"children":2355},{"style":1145},[2356],{"type":22,"value":129},{"type":16,"tag":83,"props":2358,"children":2359},{"style":132},[2360],{"type":22,"value":2361},"\"Select rating\"\n",{"type":16,"tag":83,"props":2363,"children":2365},{"class":85,"line":2364},53,[2366,2370,2374],{"type":16,"tag":83,"props":2367,"children":2368},{"style":1633},[2369],{"type":22,"value":1918},{"type":16,"tag":83,"props":2371,"children":2372},{"style":1145},[2373],{"type":22,"value":129},{"type":16,"tag":83,"props":2375,"children":2376},{"style":132},[2377],{"type":22,"value":2378},"\"justify-center mb-8\"\n",{"type":16,"tag":83,"props":2380,"children":2382},{"class":85,"line":2381},54,[2383,2388,2392,2396,2400],{"type":16,"tag":83,"props":2384,"children":2385},{"style":1633},[2386],{"type":22,"value":2387},"            onChange",{"type":16,"tag":83,"props":2389,"children":2390},{"style":1145},[2391],{"type":22,"value":129},{"type":16,"tag":83,"props":2393,"children":2394},{"style":984},[2395],{"type":22,"value":1658},{"type":16,"tag":83,"props":2397,"children":2398},{"style":96},[2399],{"type":22,"value":1516},{"type":16,"tag":83,"props":2401,"children":2402},{"style":984},[2403],{"type":22,"value":1730},{"type":16,"tag":83,"props":2405,"children":2407},{"class":85,"line":2406},55,[2408],{"type":16,"tag":83,"props":2409,"children":2410},{"style":90},[2411],{"type":22,"value":2412},"          \u002F>\n",{"type":16,"tag":83,"props":2414,"children":2416},{"class":85,"line":2415},56,[2417,2421,2425,2429,2433,2437,2441,2445,2449],{"type":16,"tag":83,"props":2418,"children":2419},{"style":90},[2420],{"type":22,"value":1882},{"type":16,"tag":83,"props":2422,"children":2423},{"style":1117},[2424],{"type":22,"value":118},{"type":16,"tag":83,"props":2426,"children":2427},{"style":1633},[2428],{"type":22,"value":847},{"type":16,"tag":83,"props":2430,"children":2431},{"style":1145},[2432],{"type":22,"value":129},{"type":16,"tag":83,"props":2434,"children":2435},{"style":132},[2436],{"type":22,"value":856},{"type":16,"tag":83,"props":2438,"children":2439},{"style":1633},[2440],{"type":22,"value":1636},{"type":16,"tag":83,"props":2442,"children":2443},{"style":1145},[2444],{"type":22,"value":129},{"type":16,"tag":83,"props":2446,"children":2447},{"style":132},[2448],{"type":22,"value":869},{"type":16,"tag":83,"props":2450,"children":2451},{"style":90},[2452],{"type":22,"value":104},{"type":16,"tag":83,"props":2454,"children":2456},{"class":85,"line":2455},57,[2457],{"type":16,"tag":83,"props":2458,"children":2459},{"style":90},[2460],{"type":22,"value":2461},"            Rate Product\n",{"type":16,"tag":83,"props":2463,"children":2465},{"class":85,"line":2464},58,[2466,2470,2474],{"type":16,"tag":83,"props":2467,"children":2468},{"style":90},[2469],{"type":22,"value":1998},{"type":16,"tag":83,"props":2471,"children":2472},{"style":1117},[2473],{"type":22,"value":118},{"type":16,"tag":83,"props":2475,"children":2476},{"style":90},[2477],{"type":22,"value":104},{"type":16,"tag":83,"props":2479,"children":2481},{"class":85,"line":2480},59,[2482,2486,2490],{"type":16,"tag":83,"props":2483,"children":2484},{"style":90},[2485],{"type":22,"value":2085},{"type":16,"tag":83,"props":2487,"children":2488},{"style":96},[2489],{"type":22,"value":743},{"type":16,"tag":83,"props":2491,"children":2492},{"style":90},[2493],{"type":22,"value":104},{"type":16,"tag":83,"props":2495,"children":2497},{"class":85,"line":2496},60,[2498,2502,2506],{"type":16,"tag":83,"props":2499,"children":2500},{"style":90},[2501],{"type":22,"value":474},{"type":16,"tag":83,"props":2503,"children":2504},{"style":1117},[2505],{"type":22,"value":59},{"type":16,"tag":83,"props":2507,"children":2508},{"style":90},[2509],{"type":22,"value":104},{"type":16,"tag":83,"props":2511,"children":2513},{"class":85,"line":2512},61,[2514],{"type":16,"tag":83,"props":2515,"children":2516},{"style":90},[2517],{"type":22,"value":2518},"    \u003C\u002F>\n",{"type":16,"tag":83,"props":2520,"children":2522},{"class":85,"line":2521},62,[2523],{"type":16,"tag":83,"props":2524,"children":2525},{"style":90},[2526],{"type":22,"value":2527},"  );\n",{"type":16,"tag":83,"props":2529,"children":2531},{"class":85,"line":2530},63,[2532],{"type":16,"tag":83,"props":2533,"children":2534},{"style":90},[2535],{"type":22,"value":1730},{"type":16,"tag":29,"props":2537,"children":2539},{"id":2538},"product-rating-with-review",[2540],{"type":22,"value":2541},"Product Rating With Review",{"type":16,"tag":24,"props":2543,"children":2544},{},[2545],{"type":22,"value":2546},"The Product Rating With Review block provides users with the ability to rate a product using a 1-5 stars scale and share their detailed review. Users can express their opinion and provide more valuable feedback on the product's features, quality, and overall experience. By default, it is designed as a dedicated page using a responsive grid layout. However, it can also be displayed within a Modal or a Drawer. This form block can be seamlessly combined with the Review Truncate \u002F Show more block.",{"type":16,"tag":63,"props":2548,"children":2550},{"showcase-name":2549,"style":66},"RatingForms\u002FProductRatingWithReview",[2551,4157],{"type":16,"tag":69,"props":2552,"children":2553},{},[2554],{"type":16,"tag":73,"props":2555,"children":2557},{"className":75,"code":2556,"language":77,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Cdiv class=\"max-w-[376px] md:max-w-[768px]\">\n    \u003Ch3 class=\"font-bold py-2 pl-4 pr-3 typography-headline-4\">Leave a review\u003C\u002Fh3>\n    \u003Cform\n      class=\"grid grid-cols-[100px_1fr] py-2 px-4 gap-4 md:grid-cols-[176px_1fr] grid-rows-[100px_1fr] md:grid-rows-[28px_1fr] items-center md:items-start\"\n      @submit.prevent=\"submitForm\"\n    >\n      \u003Cimg\n        src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fsmartwatch.png\"\n        alt=\"Smartwatch\"\n        width=\"100\"\n        height=\"100\"\n        class=\"mx-auto border border-neutral-200 rounded-md aspect-square w-[100px] md:w-[176px]\"\n      \u002F>\n      \u003Cp class=\"text-left text-neutral-900 md:typography-text-lg\">Smartwatch Fitness Tracker\u003C\u002Fp>\n      \u003Cdiv class=\"col-span-2 md:col-start-2\">\n        \u003Cdiv class=\"flex items-center justify-between\">\n          \u003Cp :id=\"ratingLabelId\" class=\"typography-label-sm font-medium text-neutral-900\">Your rating:\u003C\u002Fp>\n          \u003CSfRatingButton :aria-labelledby=\"ratingLabelId\" class=\"p-1 gap-x-2\" v-model=\"ratingModelValue\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Clabel class=\"my-4 block\">\n          \u003Cspan class=\"block typography-label-sm font-medium mb-0.5 text-neutral-900\">Product review (optional)\u003C\u002Fspan>\n          \u003Ctextarea\n            placeholder=\"Describe your experience eg. Great product! The quality exceeded my expectations, and it's incredibly versatile. I highly recommend it to anyone looking for a reliable and durable solution.\"\n            class=\"block w-full py-2 pl-4 pr-3 min-h-[138px] rounded-md ring-1 ring-neutral-300 placeholder:text-neutral-500\"\n            v-model=\"reviewModelValue\"\n          \u002F>\n          \u003Cspan\n            :class=\"[\n              'block text-xs mt-0.5 text-right',\n              reviewIsAboveLimit ? 'text-negative-700 font-medium' : 'text-neutral-500',\n            ]\"\n          >\n            {{ reviewCharsCount }}\n          \u003C\u002Fspan>\n        \u003C\u002Flabel>\n        \u003Clabel class=\"block mb-6\">\n          \u003Cspan class=\"block mb-0.5 typography-label-sm font-medium text-neutral-900\">Your name (optional)\u003C\u002Fspan>\n          \u003CSfInput v-model=\"usernameModelValue\" \u002F>\n        \u003C\u002Flabel>\n        \u003Cdiv class=\"flex justify-end gap-x-4\">\n          \u003CSfButton variant=\"secondary\" class=\"flex-1 md:flex-initial\">Cancel\u003C\u002FSfButton>\n          \u003CSfButton type=\"submit\" class=\"flex-1 md:flex-initial\">Submit Review\u003C\u002FSfButton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fform>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref, computed, useId } from 'vue';\nimport { SfButton, SfRatingButton, SfInput } from '@storefront-ui\u002Fvue';\n\nconst ratingLabelId = useId();\nconst ratingModelValue = ref();\nconst usernameModelValue = ref('');\nconst reviewModelValue = ref('');\nconst reviewCharacterLimit = ref(5000);\nconst reviewIsAboveLimit = computed(() => reviewModelValue.value.length > reviewCharacterLimit.value);\nconst reviewCharsCount = computed(() => reviewCharacterLimit.value - reviewModelValue.value.length);\n\nconst submitForm = () =>\n  console.log(\n    `Form submitted with ${ratingModelValue.value} and ${reviewModelValue.value} by ${usernameModelValue.value}`,\n  );\n\u003C\u002Fscript>\n\n",[2558],{"type":16,"tag":46,"props":2559,"children":2560},{"__ignoreMap":9},[2561,2576,2605,2642,2654,2670,2687,2695,2706,2722,2738,2754,2770,2786,2794,2830,2858,2886,2936,2990,3005,3034,3071,3083,3100,3117,3134,3147,3159,3176,3184,3192,3200,3207,3215,3230,3245,3273,3310,3339,3354,3382,3433,3481,3496,3511,3526,3541,3556,3563,3594,3642,3689,3696,3720,3744,3777,3809,3842,3917,3986,3993,4019,4041,4133,4141],{"type":16,"tag":83,"props":2562,"children":2563},{"class":85,"line":86},[2564,2568,2572],{"type":16,"tag":83,"props":2565,"children":2566},{"style":90},[2567],{"type":22,"value":93},{"type":16,"tag":83,"props":2569,"children":2570},{"style":96},[2571],{"type":22,"value":99},{"type":16,"tag":83,"props":2573,"children":2574},{"style":90},[2575],{"type":22,"value":104},{"type":16,"tag":83,"props":2577,"children":2578},{"class":85,"line":107},[2579,2583,2588,2592,2596,2601],{"type":16,"tag":83,"props":2580,"children":2581},{"style":90},[2582],{"type":22,"value":113},{"type":16,"tag":83,"props":2584,"children":2585},{"style":96},[2586],{"type":22,"value":2587},"div",{"type":16,"tag":83,"props":2589,"children":2590},{"style":121},[2591],{"type":22,"value":124},{"type":16,"tag":83,"props":2593,"children":2594},{"style":90},[2595],{"type":22,"value":129},{"type":16,"tag":83,"props":2597,"children":2598},{"style":132},[2599],{"type":22,"value":2600},"\"max-w-[376px] md:max-w-[768px]\"",{"type":16,"tag":83,"props":2602,"children":2603},{"style":90},[2604],{"type":22,"value":104},{"type":16,"tag":83,"props":2606,"children":2607},{"class":85,"line":165},[2608,2612,2616,2620,2624,2629,2634,2638],{"type":16,"tag":83,"props":2609,"children":2610},{"style":90},[2611],{"type":22,"value":301},{"type":16,"tag":83,"props":2613,"children":2614},{"style":96},[2615],{"type":22,"value":495},{"type":16,"tag":83,"props":2617,"children":2618},{"style":121},[2619],{"type":22,"value":124},{"type":16,"tag":83,"props":2621,"children":2622},{"style":90},[2623],{"type":22,"value":129},{"type":16,"tag":83,"props":2625,"children":2626},{"style":132},[2627],{"type":22,"value":2628},"\"font-bold py-2 pl-4 pr-3 typography-headline-4\"",{"type":16,"tag":83,"props":2630,"children":2631},{"style":90},[2632],{"type":22,"value":2633},">Leave a review\u003C\u002F",{"type":16,"tag":83,"props":2635,"children":2636},{"style":96},[2637],{"type":22,"value":495},{"type":16,"tag":83,"props":2639,"children":2640},{"style":90},[2641],{"type":22,"value":104},{"type":16,"tag":83,"props":2643,"children":2644},{"class":85,"line":178},[2645,2649],{"type":16,"tag":83,"props":2646,"children":2647},{"style":90},[2648],{"type":22,"value":301},{"type":16,"tag":83,"props":2650,"children":2651},{"style":96},[2652],{"type":22,"value":2653},"form\n",{"type":16,"tag":83,"props":2655,"children":2656},{"class":85,"line":196},[2657,2661,2665],{"type":16,"tag":83,"props":2658,"children":2659},{"style":121},[2660],{"type":22,"value":661},{"type":16,"tag":83,"props":2662,"children":2663},{"style":90},[2664],{"type":22,"value":129},{"type":16,"tag":83,"props":2666,"children":2667},{"style":132},[2668],{"type":22,"value":2669},"\"grid grid-cols-[100px_1fr] py-2 px-4 gap-4 md:grid-cols-[176px_1fr] grid-rows-[100px_1fr] md:grid-rows-[28px_1fr] items-center md:items-start\"\n",{"type":16,"tag":83,"props":2671,"children":2672},{"class":85,"line":214},[2673,2678,2682],{"type":16,"tag":83,"props":2674,"children":2675},{"style":121},[2676],{"type":22,"value":2677},"      @submit.prevent",{"type":16,"tag":83,"props":2679,"children":2680},{"style":90},[2681],{"type":22,"value":129},{"type":16,"tag":83,"props":2683,"children":2684},{"style":132},[2685],{"type":22,"value":2686},"\"submitForm\"\n",{"type":16,"tag":83,"props":2688,"children":2689},{"class":85,"line":232},[2690],{"type":16,"tag":83,"props":2691,"children":2692},{"style":90},[2693],{"type":22,"value":2694},"    >\n",{"type":16,"tag":83,"props":2696,"children":2697},{"class":85,"line":250},[2698,2702],{"type":16,"tag":83,"props":2699,"children":2700},{"style":90},[2701],{"type":22,"value":319},{"type":16,"tag":83,"props":2703,"children":2704},{"style":96},[2705],{"type":22,"value":581},{"type":16,"tag":83,"props":2707,"children":2708},{"class":85,"line":268},[2709,2714,2718],{"type":16,"tag":83,"props":2710,"children":2711},{"style":121},[2712],{"type":22,"value":2713},"        src",{"type":16,"tag":83,"props":2715,"children":2716},{"style":90},[2717],{"type":22,"value":129},{"type":16,"tag":83,"props":2719,"children":2720},{"style":132},[2721],{"type":22,"value":599},{"type":16,"tag":83,"props":2723,"children":2724},{"class":85,"line":286},[2725,2730,2734],{"type":16,"tag":83,"props":2726,"children":2727},{"style":121},[2728],{"type":22,"value":2729},"        alt",{"type":16,"tag":83,"props":2731,"children":2732},{"style":90},[2733],{"type":22,"value":129},{"type":16,"tag":83,"props":2735,"children":2736},{"style":132},[2737],{"type":22,"value":617},{"type":16,"tag":83,"props":2739,"children":2740},{"class":85,"line":295},[2741,2746,2750],{"type":16,"tag":83,"props":2742,"children":2743},{"style":121},[2744],{"type":22,"value":2745},"        width",{"type":16,"tag":83,"props":2747,"children":2748},{"style":90},[2749],{"type":22,"value":129},{"type":16,"tag":83,"props":2751,"children":2752},{"style":132},[2753],{"type":22,"value":635},{"type":16,"tag":83,"props":2755,"children":2756},{"class":85,"line":313},[2757,2762,2766],{"type":16,"tag":83,"props":2758,"children":2759},{"style":121},[2760],{"type":22,"value":2761},"        height",{"type":16,"tag":83,"props":2763,"children":2764},{"style":90},[2765],{"type":22,"value":129},{"type":16,"tag":83,"props":2767,"children":2768},{"style":132},[2769],{"type":22,"value":635},{"type":16,"tag":83,"props":2771,"children":2772},{"class":85,"line":327},[2773,2777,2781],{"type":16,"tag":83,"props":2774,"children":2775},{"style":121},[2776],{"type":22,"value":396},{"type":16,"tag":83,"props":2778,"children":2779},{"style":90},[2780],{"type":22,"value":129},{"type":16,"tag":83,"props":2782,"children":2783},{"style":132},[2784],{"type":22,"value":2785},"\"mx-auto border border-neutral-200 rounded-md aspect-square w-[100px] md:w-[176px]\"\n",{"type":16,"tag":83,"props":2787,"children":2788},{"class":85,"line":336},[2789],{"type":16,"tag":83,"props":2790,"children":2791},{"style":90},[2792],{"type":22,"value":2793},"      \u002F>\n",{"type":16,"tag":83,"props":2795,"children":2796},{"class":85,"line":354},[2797,2801,2805,2809,2813,2818,2822,2826],{"type":16,"tag":83,"props":2798,"children":2799},{"style":90},[2800],{"type":22,"value":319},{"type":16,"tag":83,"props":2802,"children":2803},{"style":96},[2804],{"type":22,"value":24},{"type":16,"tag":83,"props":2806,"children":2807},{"style":121},[2808],{"type":22,"value":124},{"type":16,"tag":83,"props":2810,"children":2811},{"style":90},[2812],{"type":22,"value":129},{"type":16,"tag":83,"props":2814,"children":2815},{"style":132},[2816],{"type":22,"value":2817},"\"text-left text-neutral-900 md:typography-text-lg\"",{"type":16,"tag":83,"props":2819,"children":2820},{"style":90},[2821],{"type":22,"value":722},{"type":16,"tag":83,"props":2823,"children":2824},{"style":96},[2825],{"type":22,"value":24},{"type":16,"tag":83,"props":2827,"children":2828},{"style":90},[2829],{"type":22,"value":104},{"type":16,"tag":83,"props":2831,"children":2832},{"class":85,"line":372},[2833,2837,2841,2845,2849,2854],{"type":16,"tag":83,"props":2834,"children":2835},{"style":90},[2836],{"type":22,"value":319},{"type":16,"tag":83,"props":2838,"children":2839},{"style":96},[2840],{"type":22,"value":2587},{"type":16,"tag":83,"props":2842,"children":2843},{"style":121},[2844],{"type":22,"value":124},{"type":16,"tag":83,"props":2846,"children":2847},{"style":90},[2848],{"type":22,"value":129},{"type":16,"tag":83,"props":2850,"children":2851},{"style":132},[2852],{"type":22,"value":2853},"\"col-span-2 md:col-start-2\"",{"type":16,"tag":83,"props":2855,"children":2856},{"style":90},[2857],{"type":22,"value":104},{"type":16,"tag":83,"props":2859,"children":2860},{"class":85,"line":390},[2861,2865,2869,2873,2877,2882],{"type":16,"tag":83,"props":2862,"children":2863},{"style":90},[2864],{"type":22,"value":441},{"type":16,"tag":83,"props":2866,"children":2867},{"style":96},[2868],{"type":22,"value":2587},{"type":16,"tag":83,"props":2870,"children":2871},{"style":121},[2872],{"type":22,"value":124},{"type":16,"tag":83,"props":2874,"children":2875},{"style":90},[2876],{"type":22,"value":129},{"type":16,"tag":83,"props":2878,"children":2879},{"style":132},[2880],{"type":22,"value":2881},"\"flex items-center justify-between\"",{"type":16,"tag":83,"props":2883,"children":2884},{"style":90},[2885],{"type":22,"value":104},{"type":16,"tag":83,"props":2887,"children":2888},{"class":85,"line":408},[2889,2893,2897,2901,2905,2910,2914,2918,2923,2928,2932],{"type":16,"tag":83,"props":2890,"children":2891},{"style":90},[2892],{"type":22,"value":1882},{"type":16,"tag":83,"props":2894,"children":2895},{"style":96},[2896],{"type":22,"value":24},{"type":16,"tag":83,"props":2898,"children":2899},{"style":121},[2900],{"type":22,"value":500},{"type":16,"tag":83,"props":2902,"children":2903},{"style":90},[2904],{"type":22,"value":129},{"type":16,"tag":83,"props":2906,"children":2907},{"style":132},[2908],{"type":22,"value":2909},"\"ratingLabelId\"",{"type":16,"tag":83,"props":2911,"children":2912},{"style":121},[2913],{"type":22,"value":124},{"type":16,"tag":83,"props":2915,"children":2916},{"style":90},[2917],{"type":22,"value":129},{"type":16,"tag":83,"props":2919,"children":2920},{"style":132},[2921],{"type":22,"value":2922},"\"typography-label-sm font-medium text-neutral-900\"",{"type":16,"tag":83,"props":2924,"children":2925},{"style":90},[2926],{"type":22,"value":2927},">Your rating:\u003C\u002F",{"type":16,"tag":83,"props":2929,"children":2930},{"style":96},[2931],{"type":22,"value":24},{"type":16,"tag":83,"props":2933,"children":2934},{"style":90},[2935],{"type":22,"value":104},{"type":16,"tag":83,"props":2937,"children":2938},{"class":85,"line":426},[2939,2943,2947,2952,2956,2960,2964,2968,2973,2977,2981,2986],{"type":16,"tag":83,"props":2940,"children":2941},{"style":90},[2942],{"type":22,"value":1882},{"type":16,"tag":83,"props":2944,"children":2945},{"style":96},[2946],{"type":22,"value":51},{"type":16,"tag":83,"props":2948,"children":2949},{"style":121},[2950],{"type":22,"value":2951}," :aria-labelledby",{"type":16,"tag":83,"props":2953,"children":2954},{"style":90},[2955],{"type":22,"value":129},{"type":16,"tag":83,"props":2957,"children":2958},{"style":132},[2959],{"type":22,"value":2909},{"type":16,"tag":83,"props":2961,"children":2962},{"style":121},[2963],{"type":22,"value":124},{"type":16,"tag":83,"props":2965,"children":2966},{"style":90},[2967],{"type":22,"value":129},{"type":16,"tag":83,"props":2969,"children":2970},{"style":132},[2971],{"type":22,"value":2972},"\"p-1 gap-x-2\"",{"type":16,"tag":83,"props":2974,"children":2975},{"style":121},[2976],{"type":22,"value":817},{"type":16,"tag":83,"props":2978,"children":2979},{"style":90},[2980],{"type":22,"value":129},{"type":16,"tag":83,"props":2982,"children":2983},{"style":132},[2984],{"type":22,"value":2985},"\"ratingModelValue\"",{"type":16,"tag":83,"props":2987,"children":2988},{"style":90},[2989],{"type":22,"value":465},{"type":16,"tag":83,"props":2991,"children":2992},{"class":85,"line":435},[2993,2997,3001],{"type":16,"tag":83,"props":2994,"children":2995},{"style":90},[2996],{"type":22,"value":2085},{"type":16,"tag":83,"props":2998,"children":2999},{"style":96},[3000],{"type":22,"value":2587},{"type":16,"tag":83,"props":3002,"children":3003},{"style":90},[3004],{"type":22,"value":104},{"type":16,"tag":83,"props":3006,"children":3007},{"class":85,"line":468},[3008,3012,3017,3021,3025,3030],{"type":16,"tag":83,"props":3009,"children":3010},{"style":90},[3011],{"type":22,"value":441},{"type":16,"tag":83,"props":3013,"children":3014},{"style":96},[3015],{"type":22,"value":3016},"label",{"type":16,"tag":83,"props":3018,"children":3019},{"style":121},[3020],{"type":22,"value":124},{"type":16,"tag":83,"props":3022,"children":3023},{"style":90},[3024],{"type":22,"value":129},{"type":16,"tag":83,"props":3026,"children":3027},{"style":132},[3028],{"type":22,"value":3029},"\"my-4 block\"",{"type":16,"tag":83,"props":3031,"children":3032},{"style":90},[3033],{"type":22,"value":104},{"type":16,"tag":83,"props":3035,"children":3036},{"class":85,"line":485},[3037,3041,3045,3049,3053,3058,3063,3067],{"type":16,"tag":83,"props":3038,"children":3039},{"style":90},[3040],{"type":22,"value":1882},{"type":16,"tag":83,"props":3042,"children":3043},{"style":96},[3044],{"type":22,"value":83},{"type":16,"tag":83,"props":3046,"children":3047},{"style":121},[3048],{"type":22,"value":124},{"type":16,"tag":83,"props":3050,"children":3051},{"style":90},[3052],{"type":22,"value":129},{"type":16,"tag":83,"props":3054,"children":3055},{"style":132},[3056],{"type":22,"value":3057},"\"block typography-label-sm font-medium mb-0.5 text-neutral-900\"",{"type":16,"tag":83,"props":3059,"children":3060},{"style":90},[3061],{"type":22,"value":3062},">Product review (optional)\u003C\u002F",{"type":16,"tag":83,"props":3064,"children":3065},{"style":96},[3066],{"type":22,"value":83},{"type":16,"tag":83,"props":3068,"children":3069},{"style":90},[3070],{"type":22,"value":104},{"type":16,"tag":83,"props":3072,"children":3073},{"class":85,"line":529},[3074,3078],{"type":16,"tag":83,"props":3075,"children":3076},{"style":90},[3077],{"type":22,"value":1882},{"type":16,"tag":83,"props":3079,"children":3080},{"style":96},[3081],{"type":22,"value":3082},"textarea\n",{"type":16,"tag":83,"props":3084,"children":3085},{"class":85,"line":538},[3086,3091,3095],{"type":16,"tag":83,"props":3087,"children":3088},{"style":121},[3089],{"type":22,"value":3090},"            placeholder",{"type":16,"tag":83,"props":3092,"children":3093},{"style":90},[3094],{"type":22,"value":129},{"type":16,"tag":83,"props":3096,"children":3097},{"style":132},[3098],{"type":22,"value":3099},"\"Describe your experience eg. Great product! The quality exceeded my expectations, and it's incredibly versatile. I highly recommend it to anyone looking for a reliable and durable solution.\"\n",{"type":16,"tag":83,"props":3101,"children":3102},{"class":85,"line":554},[3103,3108,3112],{"type":16,"tag":83,"props":3104,"children":3105},{"style":121},[3106],{"type":22,"value":3107},"            class",{"type":16,"tag":83,"props":3109,"children":3110},{"style":90},[3111],{"type":22,"value":129},{"type":16,"tag":83,"props":3113,"children":3114},{"style":132},[3115],{"type":22,"value":3116},"\"block w-full py-2 pl-4 pr-3 min-h-[138px] rounded-md ring-1 ring-neutral-300 placeholder:text-neutral-500\"\n",{"type":16,"tag":83,"props":3118,"children":3119},{"class":85,"line":571},[3120,3125,3129],{"type":16,"tag":83,"props":3121,"children":3122},{"style":121},[3123],{"type":22,"value":3124},"            v-model",{"type":16,"tag":83,"props":3126,"children":3127},{"style":90},[3128],{"type":22,"value":129},{"type":16,"tag":83,"props":3130,"children":3131},{"style":132},[3132],{"type":22,"value":3133},"\"reviewModelValue\"\n",{"type":16,"tag":83,"props":3135,"children":3136},{"class":85,"line":584},[3137,3143],{"type":16,"tag":83,"props":3138,"children":3140},{"style":3139},"--shiki-default:#FFFFFF",[3141],{"type":22,"value":3142},"          \u002F",{"type":16,"tag":83,"props":3144,"children":3145},{"style":90},[3146],{"type":22,"value":104},{"type":16,"tag":83,"props":3148,"children":3149},{"class":85,"line":602},[3150,3154],{"type":16,"tag":83,"props":3151,"children":3152},{"style":90},[3153],{"type":22,"value":1882},{"type":16,"tag":83,"props":3155,"children":3156},{"style":96},[3157],{"type":22,"value":3158},"span\n",{"type":16,"tag":83,"props":3160,"children":3161},{"class":85,"line":620},[3162,3167,3171],{"type":16,"tag":83,"props":3163,"children":3164},{"style":121},[3165],{"type":22,"value":3166},"            :class",{"type":16,"tag":83,"props":3168,"children":3169},{"style":90},[3170],{"type":22,"value":129},{"type":16,"tag":83,"props":3172,"children":3173},{"style":132},[3174],{"type":22,"value":3175},"\"[\n",{"type":16,"tag":83,"props":3177,"children":3178},{"class":85,"line":638},[3179],{"type":16,"tag":83,"props":3180,"children":3181},{"style":132},[3182],{"type":22,"value":3183},"              'block text-xs mt-0.5 text-right',\n",{"type":16,"tag":83,"props":3185,"children":3186},{"class":85,"line":655},[3187],{"type":16,"tag":83,"props":3188,"children":3189},{"style":132},[3190],{"type":22,"value":3191},"              reviewIsAboveLimit ? 'text-negative-700 font-medium' : 'text-neutral-500',\n",{"type":16,"tag":83,"props":3193,"children":3194},{"class":85,"line":673},[3195],{"type":16,"tag":83,"props":3196,"children":3197},{"style":132},[3198],{"type":22,"value":3199},"            ]\"\n",{"type":16,"tag":83,"props":3201,"children":3202},{"class":85,"line":682},[3203],{"type":16,"tag":83,"props":3204,"children":3205},{"style":90},[3206],{"type":22,"value":1974},{"type":16,"tag":83,"props":3208,"children":3209},{"class":85,"line":733},[3210],{"type":16,"tag":83,"props":3211,"children":3212},{"style":90},[3213],{"type":22,"value":3214},"            {{ reviewCharsCount }}\n",{"type":16,"tag":83,"props":3216,"children":3217},{"class":85,"line":763},[3218,3222,3226],{"type":16,"tag":83,"props":3219,"children":3220},{"style":90},[3221],{"type":22,"value":1998},{"type":16,"tag":83,"props":3223,"children":3224},{"style":96},[3225],{"type":22,"value":83},{"type":16,"tag":83,"props":3227,"children":3228},{"style":90},[3229],{"type":22,"value":104},{"type":16,"tag":83,"props":3231,"children":3232},{"class":85,"line":833},[3233,3237,3241],{"type":16,"tag":83,"props":3234,"children":3235},{"style":90},[3236],{"type":22,"value":2085},{"type":16,"tag":83,"props":3238,"children":3239},{"style":96},[3240],{"type":22,"value":3016},{"type":16,"tag":83,"props":3242,"children":3243},{"style":90},[3244],{"type":22,"value":104},{"type":16,"tag":83,"props":3246,"children":3247},{"class":85,"line":885},[3248,3252,3256,3260,3264,3269],{"type":16,"tag":83,"props":3249,"children":3250},{"style":90},[3251],{"type":22,"value":441},{"type":16,"tag":83,"props":3253,"children":3254},{"style":96},[3255],{"type":22,"value":3016},{"type":16,"tag":83,"props":3257,"children":3258},{"style":121},[3259],{"type":22,"value":124},{"type":16,"tag":83,"props":3261,"children":3262},{"style":90},[3263],{"type":22,"value":129},{"type":16,"tag":83,"props":3265,"children":3266},{"style":132},[3267],{"type":22,"value":3268},"\"block mb-6\"",{"type":16,"tag":83,"props":3270,"children":3271},{"style":90},[3272],{"type":22,"value":104},{"type":16,"tag":83,"props":3274,"children":3275},{"class":85,"line":901},[3276,3280,3284,3288,3292,3297,3302,3306],{"type":16,"tag":83,"props":3277,"children":3278},{"style":90},[3279],{"type":22,"value":1882},{"type":16,"tag":83,"props":3281,"children":3282},{"style":96},[3283],{"type":22,"value":83},{"type":16,"tag":83,"props":3285,"children":3286},{"style":121},[3287],{"type":22,"value":124},{"type":16,"tag":83,"props":3289,"children":3290},{"style":90},[3291],{"type":22,"value":129},{"type":16,"tag":83,"props":3293,"children":3294},{"style":132},[3295],{"type":22,"value":3296},"\"block mb-0.5 typography-label-sm font-medium text-neutral-900\"",{"type":16,"tag":83,"props":3298,"children":3299},{"style":90},[3300],{"type":22,"value":3301},">Your name (optional)\u003C\u002F",{"type":16,"tag":83,"props":3303,"children":3304},{"style":96},[3305],{"type":22,"value":83},{"type":16,"tag":83,"props":3307,"children":3308},{"style":90},[3309],{"type":22,"value":104},{"type":16,"tag":83,"props":3311,"children":3312},{"class":85,"line":918},[3313,3317,3322,3326,3330,3335],{"type":16,"tag":83,"props":3314,"children":3315},{"style":90},[3316],{"type":22,"value":1882},{"type":16,"tag":83,"props":3318,"children":3319},{"style":96},[3320],{"type":22,"value":3321},"SfInput",{"type":16,"tag":83,"props":3323,"children":3324},{"style":121},[3325],{"type":22,"value":817},{"type":16,"tag":83,"props":3327,"children":3328},{"style":90},[3329],{"type":22,"value":129},{"type":16,"tag":83,"props":3331,"children":3332},{"style":132},[3333],{"type":22,"value":3334},"\"usernameModelValue\"",{"type":16,"tag":83,"props":3336,"children":3337},{"style":90},[3338],{"type":22,"value":465},{"type":16,"tag":83,"props":3340,"children":3341},{"class":85,"line":935},[3342,3346,3350],{"type":16,"tag":83,"props":3343,"children":3344},{"style":90},[3345],{"type":22,"value":2085},{"type":16,"tag":83,"props":3347,"children":3348},{"style":96},[3349],{"type":22,"value":3016},{"type":16,"tag":83,"props":3351,"children":3352},{"style":90},[3353],{"type":22,"value":104},{"type":16,"tag":83,"props":3355,"children":3356},{"class":85,"line":944},[3357,3361,3365,3369,3373,3378],{"type":16,"tag":83,"props":3358,"children":3359},{"style":90},[3360],{"type":22,"value":441},{"type":16,"tag":83,"props":3362,"children":3363},{"style":96},[3364],{"type":22,"value":2587},{"type":16,"tag":83,"props":3366,"children":3367},{"style":121},[3368],{"type":22,"value":124},{"type":16,"tag":83,"props":3370,"children":3371},{"style":90},[3372],{"type":22,"value":129},{"type":16,"tag":83,"props":3374,"children":3375},{"style":132},[3376],{"type":22,"value":3377},"\"flex justify-end gap-x-4\"",{"type":16,"tag":83,"props":3379,"children":3380},{"style":90},[3381],{"type":22,"value":104},{"type":16,"tag":83,"props":3383,"children":3384},{"class":85,"line":980},[3385,3389,3393,3398,3402,3407,3411,3415,3420,3425,3429],{"type":16,"tag":83,"props":3386,"children":3387},{"style":90},[3388],{"type":22,"value":1882},{"type":16,"tag":83,"props":3390,"children":3391},{"style":96},[3392],{"type":22,"value":118},{"type":16,"tag":83,"props":3394,"children":3395},{"style":121},[3396],{"type":22,"value":3397}," variant",{"type":16,"tag":83,"props":3399,"children":3400},{"style":90},[3401],{"type":22,"value":129},{"type":16,"tag":83,"props":3403,"children":3404},{"style":132},[3405],{"type":22,"value":3406},"\"secondary\"",{"type":16,"tag":83,"props":3408,"children":3409},{"style":121},[3410],{"type":22,"value":124},{"type":16,"tag":83,"props":3412,"children":3413},{"style":90},[3414],{"type":22,"value":129},{"type":16,"tag":83,"props":3416,"children":3417},{"style":132},[3418],{"type":22,"value":3419},"\"flex-1 md:flex-initial\"",{"type":16,"tag":83,"props":3421,"children":3422},{"style":90},[3423],{"type":22,"value":3424},">Cancel\u003C\u002F",{"type":16,"tag":83,"props":3426,"children":3427},{"style":96},[3428],{"type":22,"value":118},{"type":16,"tag":83,"props":3430,"children":3431},{"style":90},[3432],{"type":22,"value":104},{"type":16,"tag":83,"props":3434,"children":3435},{"class":85,"line":1030},[3436,3440,3444,3448,3452,3456,3460,3464,3468,3473,3477],{"type":16,"tag":83,"props":3437,"children":3438},{"style":90},[3439],{"type":22,"value":1882},{"type":16,"tag":83,"props":3441,"children":3442},{"style":96},[3443],{"type":22,"value":118},{"type":16,"tag":83,"props":3445,"children":3446},{"style":121},[3447],{"type":22,"value":847},{"type":16,"tag":83,"props":3449,"children":3450},{"style":90},[3451],{"type":22,"value":129},{"type":16,"tag":83,"props":3453,"children":3454},{"style":132},[3455],{"type":22,"value":856},{"type":16,"tag":83,"props":3457,"children":3458},{"style":121},[3459],{"type":22,"value":124},{"type":16,"tag":83,"props":3461,"children":3462},{"style":90},[3463],{"type":22,"value":129},{"type":16,"tag":83,"props":3465,"children":3466},{"style":132},[3467],{"type":22,"value":3419},{"type":16,"tag":83,"props":3469,"children":3470},{"style":90},[3471],{"type":22,"value":3472},">Submit Review\u003C\u002F",{"type":16,"tag":83,"props":3474,"children":3475},{"style":96},[3476],{"type":22,"value":118},{"type":16,"tag":83,"props":3478,"children":3479},{"style":90},[3480],{"type":22,"value":104},{"type":16,"tag":83,"props":3482,"children":3483},{"class":85,"line":1096},[3484,3488,3492],{"type":16,"tag":83,"props":3485,"children":3486},{"style":90},[3487],{"type":22,"value":2085},{"type":16,"tag":83,"props":3489,"children":3490},{"style":96},[3491],{"type":22,"value":2587},{"type":16,"tag":83,"props":3493,"children":3494},{"style":90},[3495],{"type":22,"value":104},{"type":16,"tag":83,"props":3497,"children":3498},{"class":85,"line":1104},[3499,3503,3507],{"type":16,"tag":83,"props":3500,"children":3501},{"style":90},[3502],{"type":22,"value":474},{"type":16,"tag":83,"props":3504,"children":3505},{"style":96},[3506],{"type":22,"value":2587},{"type":16,"tag":83,"props":3508,"children":3509},{"style":90},[3510],{"type":22,"value":104},{"type":16,"tag":83,"props":3512,"children":3513},{"class":85,"line":1181},[3514,3518,3522],{"type":16,"tag":83,"props":3515,"children":3516},{"style":90},[3517],{"type":22,"value":560},{"type":16,"tag":83,"props":3519,"children":3520},{"style":96},[3521],{"type":22,"value":743},{"type":16,"tag":83,"props":3523,"children":3524},{"style":90},[3525],{"type":22,"value":104},{"type":16,"tag":83,"props":3527,"children":3528},{"class":85,"line":1209},[3529,3533,3537],{"type":16,"tag":83,"props":3530,"children":3531},{"style":90},[3532],{"type":22,"value":907},{"type":16,"tag":83,"props":3534,"children":3535},{"style":96},[3536],{"type":22,"value":2587},{"type":16,"tag":83,"props":3538,"children":3539},{"style":90},[3540],{"type":22,"value":104},{"type":16,"tag":83,"props":3542,"children":3543},{"class":85,"line":1235},[3544,3548,3552],{"type":16,"tag":83,"props":3545,"children":3546},{"style":90},[3547],{"type":22,"value":924},{"type":16,"tag":83,"props":3549,"children":3550},{"style":96},[3551],{"type":22,"value":99},{"type":16,"tag":83,"props":3553,"children":3554},{"style":90},[3555],{"type":22,"value":104},{"type":16,"tag":83,"props":3557,"children":3558},{"class":85,"line":1260},[3559],{"type":16,"tag":83,"props":3560,"children":3561},{"emptyLinePlaceholder":8},[3562],{"type":22,"value":941},{"type":16,"tag":83,"props":3564,"children":3565},{"class":85,"line":2304},[3566,3570,3574,3578,3582,3586,3590],{"type":16,"tag":83,"props":3567,"children":3568},{"style":90},[3569],{"type":22,"value":93},{"type":16,"tag":83,"props":3571,"children":3572},{"style":96},[3573],{"type":22,"value":954},{"type":16,"tag":83,"props":3575,"children":3576},{"style":121},[3577],{"type":22,"value":959},{"type":16,"tag":83,"props":3579,"children":3580},{"style":90},[3581],{"type":22,"value":129},{"type":16,"tag":83,"props":3583,"children":3584},{"style":132},[3585],{"type":22,"value":968},{"type":16,"tag":83,"props":3587,"children":3588},{"style":121},[3589],{"type":22,"value":973},{"type":16,"tag":83,"props":3591,"children":3592},{"style":90},[3593],{"type":22,"value":104},{"type":16,"tag":83,"props":3595,"children":3596},{"class":85,"line":2329},[3597,3601,3605,3609,3613,3618,3622,3626,3630,3634,3638],{"type":16,"tag":83,"props":3598,"children":3599},{"style":984},[3600],{"type":22,"value":987},{"type":16,"tag":83,"props":3602,"children":3603},{"style":90},[3604],{"type":22,"value":992},{"type":16,"tag":83,"props":3606,"children":3607},{"style":96},[3608],{"type":22,"value":997},{"type":16,"tag":83,"props":3610,"children":3611},{"style":90},[3612],{"type":22,"value":1002},{"type":16,"tag":83,"props":3614,"children":3615},{"style":96},[3616],{"type":22,"value":3617},"computed",{"type":16,"tag":83,"props":3619,"children":3620},{"style":90},[3621],{"type":22,"value":1002},{"type":16,"tag":83,"props":3623,"children":3624},{"style":96},[3625],{"type":22,"value":1007},{"type":16,"tag":83,"props":3627,"children":3628},{"style":90},[3629],{"type":22,"value":1012},{"type":16,"tag":83,"props":3631,"children":3632},{"style":984},[3633],{"type":22,"value":1017},{"type":16,"tag":83,"props":3635,"children":3636},{"style":132},[3637],{"type":22,"value":1022},{"type":16,"tag":83,"props":3639,"children":3640},{"style":90},[3641],{"type":22,"value":1027},{"type":16,"tag":83,"props":3643,"children":3644},{"class":85,"line":2347},[3645,3649,3653,3657,3661,3665,3669,3673,3677,3681,3685],{"type":16,"tag":83,"props":3646,"children":3647},{"style":984},[3648],{"type":22,"value":987},{"type":16,"tag":83,"props":3650,"children":3651},{"style":90},[3652],{"type":22,"value":992},{"type":16,"tag":83,"props":3654,"children":3655},{"style":96},[3656],{"type":22,"value":118},{"type":16,"tag":83,"props":3658,"children":3659},{"style":90},[3660],{"type":22,"value":1002},{"type":16,"tag":83,"props":3662,"children":3663},{"style":96},[3664],{"type":22,"value":51},{"type":16,"tag":83,"props":3666,"children":3667},{"style":90},[3668],{"type":22,"value":1002},{"type":16,"tag":83,"props":3670,"children":3671},{"style":96},[3672],{"type":22,"value":3321},{"type":16,"tag":83,"props":3674,"children":3675},{"style":90},[3676],{"type":22,"value":1012},{"type":16,"tag":83,"props":3678,"children":3679},{"style":984},[3680],{"type":22,"value":1017},{"type":16,"tag":83,"props":3682,"children":3683},{"style":132},[3684],{"type":22,"value":1089},{"type":16,"tag":83,"props":3686,"children":3687},{"style":90},[3688],{"type":22,"value":1027},{"type":16,"tag":83,"props":3690,"children":3691},{"class":85,"line":2364},[3692],{"type":16,"tag":83,"props":3693,"children":3694},{"emptyLinePlaceholder":8},[3695],{"type":22,"value":941},{"type":16,"tag":83,"props":3697,"children":3698},{"class":85,"line":2381},[3699,3703,3708,3712,3716],{"type":16,"tag":83,"props":3700,"children":3701},{"style":984},[3702],{"type":22,"value":1110},{"type":16,"tag":83,"props":3704,"children":3705},{"style":1117},[3706],{"type":22,"value":3707}," ratingLabelId",{"type":16,"tag":83,"props":3709,"children":3710},{"style":1145},[3711],{"type":22,"value":1196},{"type":16,"tag":83,"props":3713,"children":3714},{"style":1150},[3715],{"type":22,"value":1228},{"type":16,"tag":83,"props":3717,"children":3718},{"style":90},[3719],{"type":22,"value":1206},{"type":16,"tag":83,"props":3721,"children":3722},{"class":85,"line":2406},[3723,3727,3732,3736,3740],{"type":16,"tag":83,"props":3724,"children":3725},{"style":984},[3726],{"type":22,"value":1110},{"type":16,"tag":83,"props":3728,"children":3729},{"style":1117},[3730],{"type":22,"value":3731}," ratingModelValue",{"type":16,"tag":83,"props":3733,"children":3734},{"style":1145},[3735],{"type":22,"value":1196},{"type":16,"tag":83,"props":3737,"children":3738},{"style":1150},[3739],{"type":22,"value":1201},{"type":16,"tag":83,"props":3741,"children":3742},{"style":90},[3743],{"type":22,"value":1206},{"type":16,"tag":83,"props":3745,"children":3746},{"class":85,"line":2415},[3747,3751,3756,3760,3764,3768,3773],{"type":16,"tag":83,"props":3748,"children":3749},{"style":984},[3750],{"type":22,"value":1110},{"type":16,"tag":83,"props":3752,"children":3753},{"style":1117},[3754],{"type":22,"value":3755}," usernameModelValue",{"type":16,"tag":83,"props":3757,"children":3758},{"style":1145},[3759],{"type":22,"value":1196},{"type":16,"tag":83,"props":3761,"children":3762},{"style":1150},[3763],{"type":22,"value":1201},{"type":16,"tag":83,"props":3765,"children":3766},{"style":90},[3767],{"type":22,"value":1535},{"type":16,"tag":83,"props":3769,"children":3770},{"style":132},[3771],{"type":22,"value":3772},"''",{"type":16,"tag":83,"props":3774,"children":3775},{"style":90},[3776],{"type":22,"value":1545},{"type":16,"tag":83,"props":3778,"children":3779},{"class":85,"line":2455},[3780,3784,3789,3793,3797,3801,3805],{"type":16,"tag":83,"props":3781,"children":3782},{"style":984},[3783],{"type":22,"value":1110},{"type":16,"tag":83,"props":3785,"children":3786},{"style":1117},[3787],{"type":22,"value":3788}," reviewModelValue",{"type":16,"tag":83,"props":3790,"children":3791},{"style":1145},[3792],{"type":22,"value":1196},{"type":16,"tag":83,"props":3794,"children":3795},{"style":1150},[3796],{"type":22,"value":1201},{"type":16,"tag":83,"props":3798,"children":3799},{"style":90},[3800],{"type":22,"value":1535},{"type":16,"tag":83,"props":3802,"children":3803},{"style":132},[3804],{"type":22,"value":3772},{"type":16,"tag":83,"props":3806,"children":3807},{"style":90},[3808],{"type":22,"value":1545},{"type":16,"tag":83,"props":3810,"children":3811},{"class":85,"line":2464},[3812,3816,3821,3825,3829,3833,3838],{"type":16,"tag":83,"props":3813,"children":3814},{"style":984},[3815],{"type":22,"value":1110},{"type":16,"tag":83,"props":3817,"children":3818},{"style":1117},[3819],{"type":22,"value":3820}," reviewCharacterLimit",{"type":16,"tag":83,"props":3822,"children":3823},{"style":1145},[3824],{"type":22,"value":1196},{"type":16,"tag":83,"props":3826,"children":3827},{"style":1150},[3828],{"type":22,"value":1201},{"type":16,"tag":83,"props":3830,"children":3831},{"style":90},[3832],{"type":22,"value":1535},{"type":16,"tag":83,"props":3834,"children":3835},{"style":121},[3836],{"type":22,"value":3837},"5000",{"type":16,"tag":83,"props":3839,"children":3840},{"style":90},[3841],{"type":22,"value":1545},{"type":16,"tag":83,"props":3843,"children":3844},{"class":85,"line":2480},[3845,3849,3854,3858,3863,3868,3873,3877,3882,3887,3891,3896,3901,3905,3909,3913],{"type":16,"tag":83,"props":3846,"children":3847},{"style":984},[3848],{"type":22,"value":1110},{"type":16,"tag":83,"props":3850,"children":3851},{"style":1117},[3852],{"type":22,"value":3853}," reviewIsAboveLimit",{"type":16,"tag":83,"props":3855,"children":3856},{"style":1145},[3857],{"type":22,"value":1196},{"type":16,"tag":83,"props":3859,"children":3860},{"style":1150},[3861],{"type":22,"value":3862}," computed",{"type":16,"tag":83,"props":3864,"children":3865},{"style":90},[3866],{"type":22,"value":3867},"(() ",{"type":16,"tag":83,"props":3869,"children":3870},{"style":984},[3871],{"type":22,"value":3872},"=>",{"type":16,"tag":83,"props":3874,"children":3875},{"style":1117},[3876],{"type":22,"value":3788},{"type":16,"tag":83,"props":3878,"children":3879},{"style":90},[3880],{"type":22,"value":3881},".",{"type":16,"tag":83,"props":3883,"children":3884},{"style":1117},[3885],{"type":22,"value":3886},"value",{"type":16,"tag":83,"props":3888,"children":3889},{"style":90},[3890],{"type":22,"value":3881},{"type":16,"tag":83,"props":3892,"children":3893},{"style":96},[3894],{"type":22,"value":3895},"length",{"type":16,"tag":83,"props":3897,"children":3898},{"style":1145},[3899],{"type":22,"value":3900}," >",{"type":16,"tag":83,"props":3902,"children":3903},{"style":1117},[3904],{"type":22,"value":3820},{"type":16,"tag":83,"props":3906,"children":3907},{"style":90},[3908],{"type":22,"value":3881},{"type":16,"tag":83,"props":3910,"children":3911},{"style":96},[3912],{"type":22,"value":3886},{"type":16,"tag":83,"props":3914,"children":3915},{"style":90},[3916],{"type":22,"value":1545},{"type":16,"tag":83,"props":3918,"children":3919},{"class":85,"line":2496},[3920,3924,3929,3933,3937,3941,3945,3949,3953,3957,3962,3966,3970,3974,3978,3982],{"type":16,"tag":83,"props":3921,"children":3922},{"style":984},[3923],{"type":22,"value":1110},{"type":16,"tag":83,"props":3925,"children":3926},{"style":1117},[3927],{"type":22,"value":3928}," reviewCharsCount",{"type":16,"tag":83,"props":3930,"children":3931},{"style":1145},[3932],{"type":22,"value":1196},{"type":16,"tag":83,"props":3934,"children":3935},{"style":1150},[3936],{"type":22,"value":3862},{"type":16,"tag":83,"props":3938,"children":3939},{"style":90},[3940],{"type":22,"value":3867},{"type":16,"tag":83,"props":3942,"children":3943},{"style":984},[3944],{"type":22,"value":3872},{"type":16,"tag":83,"props":3946,"children":3947},{"style":1117},[3948],{"type":22,"value":3820},{"type":16,"tag":83,"props":3950,"children":3951},{"style":90},[3952],{"type":22,"value":3881},{"type":16,"tag":83,"props":3954,"children":3955},{"style":96},[3956],{"type":22,"value":3886},{"type":16,"tag":83,"props":3958,"children":3959},{"style":1145},[3960],{"type":22,"value":3961}," -",{"type":16,"tag":83,"props":3963,"children":3964},{"style":1117},[3965],{"type":22,"value":3788},{"type":16,"tag":83,"props":3967,"children":3968},{"style":90},[3969],{"type":22,"value":3881},{"type":16,"tag":83,"props":3971,"children":3972},{"style":1117},[3973],{"type":22,"value":3886},{"type":16,"tag":83,"props":3975,"children":3976},{"style":90},[3977],{"type":22,"value":3881},{"type":16,"tag":83,"props":3979,"children":3980},{"style":96},[3981],{"type":22,"value":3895},{"type":16,"tag":83,"props":3983,"children":3984},{"style":90},[3985],{"type":22,"value":1545},{"type":16,"tag":83,"props":3987,"children":3988},{"class":85,"line":2512},[3989],{"type":16,"tag":83,"props":3990,"children":3991},{"emptyLinePlaceholder":8},[3992],{"type":22,"value":941},{"type":16,"tag":83,"props":3994,"children":3995},{"class":85,"line":2521},[3996,4000,4005,4009,4014],{"type":16,"tag":83,"props":3997,"children":3998},{"style":984},[3999],{"type":22,"value":1110},{"type":16,"tag":83,"props":4001,"children":4002},{"style":1150},[4003],{"type":22,"value":4004}," submitForm",{"type":16,"tag":83,"props":4006,"children":4007},{"style":1145},[4008],{"type":22,"value":1196},{"type":16,"tag":83,"props":4010,"children":4011},{"style":90},[4012],{"type":22,"value":4013}," () ",{"type":16,"tag":83,"props":4015,"children":4016},{"style":984},[4017],{"type":22,"value":4018},"=>\n",{"type":16,"tag":83,"props":4020,"children":4021},{"class":85,"line":2530},[4022,4027,4031,4036],{"type":16,"tag":83,"props":4023,"children":4024},{"style":1117},[4025],{"type":22,"value":4026},"  console",{"type":16,"tag":83,"props":4028,"children":4029},{"style":90},[4030],{"type":22,"value":3881},{"type":16,"tag":83,"props":4032,"children":4033},{"style":1150},[4034],{"type":22,"value":4035},"log",{"type":16,"tag":83,"props":4037,"children":4038},{"style":90},[4039],{"type":22,"value":4040},"(\n",{"type":16,"tag":83,"props":4042,"children":4044},{"class":85,"line":4043},64,[4045,4050,4055,4060,4064,4068,4072,4076,4080,4085,4089,4093,4097,4102,4106,4111,4115,4119,4123,4128],{"type":16,"tag":83,"props":4046,"children":4047},{"style":132},[4048],{"type":22,"value":4049},"    `Form submitted with ",{"type":16,"tag":83,"props":4051,"children":4052},{"style":984},[4053],{"type":22,"value":4054},"${",{"type":16,"tag":83,"props":4056,"children":4057},{"style":1117},[4058],{"type":22,"value":4059},"ratingModelValue",{"type":16,"tag":83,"props":4061,"children":4062},{"style":90},[4063],{"type":22,"value":3881},{"type":16,"tag":83,"props":4065,"children":4066},{"style":96},[4067],{"type":22,"value":3886},{"type":16,"tag":83,"props":4069,"children":4070},{"style":984},[4071],{"type":22,"value":1667},{"type":16,"tag":83,"props":4073,"children":4074},{"style":132},[4075],{"type":22,"value":53},{"type":16,"tag":83,"props":4077,"children":4078},{"style":984},[4079],{"type":22,"value":4054},{"type":16,"tag":83,"props":4081,"children":4082},{"style":1117},[4083],{"type":22,"value":4084},"reviewModelValue",{"type":16,"tag":83,"props":4086,"children":4087},{"style":90},[4088],{"type":22,"value":3881},{"type":16,"tag":83,"props":4090,"children":4091},{"style":96},[4092],{"type":22,"value":3886},{"type":16,"tag":83,"props":4094,"children":4095},{"style":984},[4096],{"type":22,"value":1667},{"type":16,"tag":83,"props":4098,"children":4099},{"style":132},[4100],{"type":22,"value":4101}," by ",{"type":16,"tag":83,"props":4103,"children":4104},{"style":984},[4105],{"type":22,"value":4054},{"type":16,"tag":83,"props":4107,"children":4108},{"style":1117},[4109],{"type":22,"value":4110},"usernameModelValue",{"type":16,"tag":83,"props":4112,"children":4113},{"style":90},[4114],{"type":22,"value":3881},{"type":16,"tag":83,"props":4116,"children":4117},{"style":96},[4118],{"type":22,"value":3886},{"type":16,"tag":83,"props":4120,"children":4121},{"style":984},[4122],{"type":22,"value":1667},{"type":16,"tag":83,"props":4124,"children":4125},{"style":132},[4126],{"type":22,"value":4127},"`",{"type":16,"tag":83,"props":4129,"children":4130},{"style":90},[4131],{"type":22,"value":4132},",\n",{"type":16,"tag":83,"props":4134,"children":4136},{"class":85,"line":4135},65,[4137],{"type":16,"tag":83,"props":4138,"children":4139},{"style":90},[4140],{"type":22,"value":2527},{"type":16,"tag":83,"props":4142,"children":4144},{"class":85,"line":4143},66,[4145,4149,4153],{"type":16,"tag":83,"props":4146,"children":4147},{"style":90},[4148],{"type":22,"value":924},{"type":16,"tag":83,"props":4150,"children":4151},{"style":96},[4152],{"type":22,"value":954},{"type":16,"tag":83,"props":4154,"children":4155},{"style":90},[4156],{"type":22,"value":104},{"type":16,"tag":1275,"props":4158,"children":4159},{},[4160],{"type":16,"tag":73,"props":4161,"children":4163},{"className":1280,"code":4162,"language":1282,"meta":9,"style":9},"import { useState, useId } from 'react';\nimport classNames from 'classnames';\nimport { SfButton, SfRatingButton, SfInput } from '@storefront-ui\u002Freact';\n\nexport default function ProductRatingWithReview() {\n  const [rating, setRating] = useState(0);\n  const [review, setReview] = useState('');\n  const [username, setUsername] = useState('');\n  const [reviewCharacterLimit] = useState(5000);\n  const ratingLabelId = useId();\n\n  const reviewIsAboveLimit = review.length > reviewCharacterLimit;\n  const reviewCharsCount = reviewCharacterLimit - review.length;\n\n  const submitForm = (event: React.FormEvent\u003CHTMLFormElement>) => {\n    event.preventDefault();\n    console.log(`Form submitted with ${rating} and ${review} by ${username}`);\n  };\n\n  return (\n    \u003Cdiv className=\"max-w-[376px] md:max-w-[768px]\">\n      \u003Ch3 className=\"font-bold py-2 pl-4 pr-3 typography-headline-4\">Leave a review\u003C\u002Fh3>\n      \u003Cform\n        className=\"grid grid-cols-[100px_1fr] py-2 px-4 gap-4 md:grid-cols-[176px_1fr] grid-rows-[100px_1fr] md:grid-rows-[28px_1fr] items-center md:items-start\"\n        onSubmit={submitForm}\n      >\n        \u003Cimg\n          src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fsmartwatch.png\"\n          alt=\"Smartwatch\"\n          width=\"100\"\n          height=\"100\"\n          className=\"mx-auto border border-neutral-200 rounded-md aspect-square w-[100px] md:w-[176px]\"\n        \u002F>\n        \u003Cp className=\"text-left text-neutral-900 md:typography-text-lg\">Smartwatch Fitness Tracker\u003C\u002Fp>\n        \u003Cdiv className=\"col-span-2 md:col-start-2\">\n          \u003Cdiv className=\"flex items-center justify-between\">\n            \u003Cp id={ratingLabelId} className=\"typography-label-sm font-medium text-neutral-900\">\n              Your rating:\n            \u003C\u002Fp>\n            \u003CSfRatingButton\n              value={rating}\n              aria-labelledby={ratingLabelId}\n              onChange={setRating}\n              className=\"p-1 gap-x-2\"\n            \u002F>\n          \u003C\u002Fdiv>\n          \u003Clabel className=\"my-4 block\">\n            \u003Cspan className=\"block typography-label-sm font-medium mb-0.5 text-neutral-900\">\n              Product review (optional)\n            \u003C\u002Fspan>\n            \u003Ctextarea\n              value={review}\n              placeholder=\"Describe your experience eg. Great product! The quality exceeded my expectations, and it's incredibly versatile. I highly recommend it to anyone looking for a reliable and durable solution.\"\n              className=\"block w-full py-2 pl-4 pr-3 min-h-[138px] rounded-md ring-1 ring-neutral-300 placeholder:text-neutral-500\"\n              onChange={(event) => setReview(event.target.value)}\n            \u002F>\n            \u003Cspan\n              className={classNames(\n                'block text-xs mt-0.5 text-right',\n                reviewIsAboveLimit ? 'text-negative-700 font-medium' : 'text-neutral-500',\n              )}\n            >\n              {reviewCharsCount}\n            \u003C\u002Fspan>\n          \u003C\u002Flabel>\n          \u003Clabel className=\"block mb-6\">\n            \u003Cspan className=\"block mb-0.5 typography-label-sm font-medium text-neutral-900\">Your name (optional)\u003C\u002Fspan>\n            \u003CSfInput value={username} onChange={(event) => setUsername(event.target.value)} \u002F>\n          \u003C\u002Flabel>\n          \u003Cdiv className=\"flex justify-end gap-x-4\">\n            \u003CSfButton variant=\"secondary\" className=\"flex-1 md:flex-initial\">\n              Cancel\n            \u003C\u002FSfButton>\n            \u003CSfButton type=\"submit\" className=\"flex-1 md:flex-initial\">\n              Submit Review\n            \u003C\u002FSfButton>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fform>\n    \u003C\u002Fdiv>\n  );\n}\n",[4164],{"type":16,"tag":46,"props":4165,"children":4166},{"__ignoreMap":9},[4167,4206,4232,4279,4286,4310,4357,4406,4455,4495,4518,4525,4565,4604,4611,4678,4699,4776,4784,4791,4802,4829,4864,4875,4890,4915,4922,4933,4948,4963,4978,4993,5008,5015,5050,5077,5104,5152,5160,5176,5187,5211,5235,5259,5276,5284,5299,5326,5353,5361,5376,5387,5410,5426,5441,5512,5519,5530,5554,5566,5598,5610,5618,5635,5650,5665,5692,5728,5831,5847,5875,5915,5924,5940,5980,5989,6005,6021,6037,6053,6069,6077],{"type":16,"tag":83,"props":4168,"children":4169},{"class":85,"line":86},[4170,4174,4178,4182,4186,4190,4194,4198,4202],{"type":16,"tag":83,"props":4171,"children":4172},{"style":984},[4173],{"type":22,"value":987},{"type":16,"tag":83,"props":4175,"children":4176},{"style":90},[4177],{"type":22,"value":992},{"type":16,"tag":83,"props":4179,"children":4180},{"style":96},[4181],{"type":22,"value":1302},{"type":16,"tag":83,"props":4183,"children":4184},{"style":90},[4185],{"type":22,"value":1002},{"type":16,"tag":83,"props":4187,"children":4188},{"style":96},[4189],{"type":22,"value":1007},{"type":16,"tag":83,"props":4191,"children":4192},{"style":90},[4193],{"type":22,"value":1012},{"type":16,"tag":83,"props":4195,"children":4196},{"style":984},[4197],{"type":22,"value":1017},{"type":16,"tag":83,"props":4199,"children":4200},{"style":132},[4201],{"type":22,"value":1323},{"type":16,"tag":83,"props":4203,"children":4204},{"style":90},[4205],{"type":22,"value":1027},{"type":16,"tag":83,"props":4207,"children":4208},{"class":85,"line":107},[4209,4213,4218,4223,4228],{"type":16,"tag":83,"props":4210,"children":4211},{"style":984},[4212],{"type":22,"value":987},{"type":16,"tag":83,"props":4214,"children":4215},{"style":96},[4216],{"type":22,"value":4217}," classNames",{"type":16,"tag":83,"props":4219,"children":4220},{"style":984},[4221],{"type":22,"value":4222}," from",{"type":16,"tag":83,"props":4224,"children":4225},{"style":132},[4226],{"type":22,"value":4227}," 'classnames'",{"type":16,"tag":83,"props":4229,"children":4230},{"style":90},[4231],{"type":22,"value":1027},{"type":16,"tag":83,"props":4233,"children":4234},{"class":85,"line":165},[4235,4239,4243,4247,4251,4255,4259,4263,4267,4271,4275],{"type":16,"tag":83,"props":4236,"children":4237},{"style":984},[4238],{"type":22,"value":987},{"type":16,"tag":83,"props":4240,"children":4241},{"style":90},[4242],{"type":22,"value":992},{"type":16,"tag":83,"props":4244,"children":4245},{"style":96},[4246],{"type":22,"value":118},{"type":16,"tag":83,"props":4248,"children":4249},{"style":90},[4250],{"type":22,"value":1002},{"type":16,"tag":83,"props":4252,"children":4253},{"style":96},[4254],{"type":22,"value":51},{"type":16,"tag":83,"props":4256,"children":4257},{"style":90},[4258],{"type":22,"value":1002},{"type":16,"tag":83,"props":4260,"children":4261},{"style":96},[4262],{"type":22,"value":3321},{"type":16,"tag":83,"props":4264,"children":4265},{"style":90},[4266],{"type":22,"value":1012},{"type":16,"tag":83,"props":4268,"children":4269},{"style":984},[4270],{"type":22,"value":1017},{"type":16,"tag":83,"props":4272,"children":4273},{"style":132},[4274],{"type":22,"value":1387},{"type":16,"tag":83,"props":4276,"children":4277},{"style":90},[4278],{"type":22,"value":1027},{"type":16,"tag":83,"props":4280,"children":4281},{"class":85,"line":178},[4282],{"type":16,"tag":83,"props":4283,"children":4284},{"emptyLinePlaceholder":8},[4285],{"type":22,"value":941},{"type":16,"tag":83,"props":4287,"children":4288},{"class":85,"line":196},[4289,4293,4297,4301,4306],{"type":16,"tag":83,"props":4290,"children":4291},{"style":984},[4292],{"type":22,"value":1406},{"type":16,"tag":83,"props":4294,"children":4295},{"style":984},[4296],{"type":22,"value":1411},{"type":16,"tag":83,"props":4298,"children":4299},{"style":984},[4300],{"type":22,"value":1416},{"type":16,"tag":83,"props":4302,"children":4303},{"style":1150},[4304],{"type":22,"value":4305}," ProductRatingWithReview",{"type":16,"tag":83,"props":4307,"children":4308},{"style":90},[4309],{"type":22,"value":1426},{"type":16,"tag":83,"props":4311,"children":4312},{"class":85,"line":214},[4313,4317,4321,4325,4329,4333,4337,4341,4345,4349,4353],{"type":16,"tag":83,"props":4314,"children":4315},{"style":984},[4316],{"type":22,"value":1434},{"type":16,"tag":83,"props":4318,"children":4319},{"style":90},[4320],{"type":22,"value":1502},{"type":16,"tag":83,"props":4322,"children":4323},{"style":1117},[4324],{"type":22,"value":1507},{"type":16,"tag":83,"props":4326,"children":4327},{"style":90},[4328],{"type":22,"value":1002},{"type":16,"tag":83,"props":4330,"children":4331},{"style":1117},[4332],{"type":22,"value":1516},{"type":16,"tag":83,"props":4334,"children":4335},{"style":90},[4336],{"type":22,"value":1521},{"type":16,"tag":83,"props":4338,"children":4339},{"style":1145},[4340],{"type":22,"value":129},{"type":16,"tag":83,"props":4342,"children":4343},{"style":1150},[4344],{"type":22,"value":1530},{"type":16,"tag":83,"props":4346,"children":4347},{"style":90},[4348],{"type":22,"value":1535},{"type":16,"tag":83,"props":4350,"children":4351},{"style":121},[4352],{"type":22,"value":1540},{"type":16,"tag":83,"props":4354,"children":4355},{"style":90},[4356],{"type":22,"value":1545},{"type":16,"tag":83,"props":4358,"children":4359},{"class":85,"line":232},[4360,4364,4368,4373,4377,4382,4386,4390,4394,4398,4402],{"type":16,"tag":83,"props":4361,"children":4362},{"style":984},[4363],{"type":22,"value":1434},{"type":16,"tag":83,"props":4365,"children":4366},{"style":90},[4367],{"type":22,"value":1502},{"type":16,"tag":83,"props":4369,"children":4370},{"style":1117},[4371],{"type":22,"value":4372},"review",{"type":16,"tag":83,"props":4374,"children":4375},{"style":90},[4376],{"type":22,"value":1002},{"type":16,"tag":83,"props":4378,"children":4379},{"style":1117},[4380],{"type":22,"value":4381},"setReview",{"type":16,"tag":83,"props":4383,"children":4384},{"style":90},[4385],{"type":22,"value":1521},{"type":16,"tag":83,"props":4387,"children":4388},{"style":1145},[4389],{"type":22,"value":129},{"type":16,"tag":83,"props":4391,"children":4392},{"style":1150},[4393],{"type":22,"value":1530},{"type":16,"tag":83,"props":4395,"children":4396},{"style":90},[4397],{"type":22,"value":1535},{"type":16,"tag":83,"props":4399,"children":4400},{"style":132},[4401],{"type":22,"value":3772},{"type":16,"tag":83,"props":4403,"children":4404},{"style":90},[4405],{"type":22,"value":1545},{"type":16,"tag":83,"props":4407,"children":4408},{"class":85,"line":250},[4409,4413,4417,4422,4426,4431,4435,4439,4443,4447,4451],{"type":16,"tag":83,"props":4410,"children":4411},{"style":984},[4412],{"type":22,"value":1434},{"type":16,"tag":83,"props":4414,"children":4415},{"style":90},[4416],{"type":22,"value":1502},{"type":16,"tag":83,"props":4418,"children":4419},{"style":1117},[4420],{"type":22,"value":4421},"username",{"type":16,"tag":83,"props":4423,"children":4424},{"style":90},[4425],{"type":22,"value":1002},{"type":16,"tag":83,"props":4427,"children":4428},{"style":1117},[4429],{"type":22,"value":4430},"setUsername",{"type":16,"tag":83,"props":4432,"children":4433},{"style":90},[4434],{"type":22,"value":1521},{"type":16,"tag":83,"props":4436,"children":4437},{"style":1145},[4438],{"type":22,"value":129},{"type":16,"tag":83,"props":4440,"children":4441},{"style":1150},[4442],{"type":22,"value":1530},{"type":16,"tag":83,"props":4444,"children":4445},{"style":90},[4446],{"type":22,"value":1535},{"type":16,"tag":83,"props":4448,"children":4449},{"style":132},[4450],{"type":22,"value":3772},{"type":16,"tag":83,"props":4452,"children":4453},{"style":90},[4454],{"type":22,"value":1545},{"type":16,"tag":83,"props":4456,"children":4457},{"class":85,"line":268},[4458,4462,4466,4471,4475,4479,4483,4487,4491],{"type":16,"tag":83,"props":4459,"children":4460},{"style":984},[4461],{"type":22,"value":1434},{"type":16,"tag":83,"props":4463,"children":4464},{"style":90},[4465],{"type":22,"value":1502},{"type":16,"tag":83,"props":4467,"children":4468},{"style":1117},[4469],{"type":22,"value":4470},"reviewCharacterLimit",{"type":16,"tag":83,"props":4472,"children":4473},{"style":90},[4474],{"type":22,"value":1521},{"type":16,"tag":83,"props":4476,"children":4477},{"style":1145},[4478],{"type":22,"value":129},{"type":16,"tag":83,"props":4480,"children":4481},{"style":1150},[4482],{"type":22,"value":1530},{"type":16,"tag":83,"props":4484,"children":4485},{"style":90},[4486],{"type":22,"value":1535},{"type":16,"tag":83,"props":4488,"children":4489},{"style":121},[4490],{"type":22,"value":3837},{"type":16,"tag":83,"props":4492,"children":4493},{"style":90},[4494],{"type":22,"value":1545},{"type":16,"tag":83,"props":4496,"children":4497},{"class":85,"line":286},[4498,4502,4506,4510,4514],{"type":16,"tag":83,"props":4499,"children":4500},{"style":984},[4501],{"type":22,"value":1434},{"type":16,"tag":83,"props":4503,"children":4504},{"style":1117},[4505],{"type":22,"value":3707},{"type":16,"tag":83,"props":4507,"children":4508},{"style":1145},[4509],{"type":22,"value":1196},{"type":16,"tag":83,"props":4511,"children":4512},{"style":1150},[4513],{"type":22,"value":1228},{"type":16,"tag":83,"props":4515,"children":4516},{"style":90},[4517],{"type":22,"value":1206},{"type":16,"tag":83,"props":4519,"children":4520},{"class":85,"line":295},[4521],{"type":16,"tag":83,"props":4522,"children":4523},{"emptyLinePlaceholder":8},[4524],{"type":22,"value":941},{"type":16,"tag":83,"props":4526,"children":4527},{"class":85,"line":313},[4528,4532,4536,4540,4545,4549,4553,4557,4561],{"type":16,"tag":83,"props":4529,"children":4530},{"style":984},[4531],{"type":22,"value":1434},{"type":16,"tag":83,"props":4533,"children":4534},{"style":1117},[4535],{"type":22,"value":3853},{"type":16,"tag":83,"props":4537,"children":4538},{"style":1145},[4539],{"type":22,"value":1196},{"type":16,"tag":83,"props":4541,"children":4542},{"style":1117},[4543],{"type":22,"value":4544}," review",{"type":16,"tag":83,"props":4546,"children":4547},{"style":90},[4548],{"type":22,"value":3881},{"type":16,"tag":83,"props":4550,"children":4551},{"style":96},[4552],{"type":22,"value":3895},{"type":16,"tag":83,"props":4554,"children":4555},{"style":1145},[4556],{"type":22,"value":3900},{"type":16,"tag":83,"props":4558,"children":4559},{"style":96},[4560],{"type":22,"value":3820},{"type":16,"tag":83,"props":4562,"children":4563},{"style":90},[4564],{"type":22,"value":1027},{"type":16,"tag":83,"props":4566,"children":4567},{"class":85,"line":327},[4568,4572,4576,4580,4584,4588,4592,4596,4600],{"type":16,"tag":83,"props":4569,"children":4570},{"style":984},[4571],{"type":22,"value":1434},{"type":16,"tag":83,"props":4573,"children":4574},{"style":1117},[4575],{"type":22,"value":3928},{"type":16,"tag":83,"props":4577,"children":4578},{"style":1145},[4579],{"type":22,"value":1196},{"type":16,"tag":83,"props":4581,"children":4582},{"style":96},[4583],{"type":22,"value":3820},{"type":16,"tag":83,"props":4585,"children":4586},{"style":1145},[4587],{"type":22,"value":3961},{"type":16,"tag":83,"props":4589,"children":4590},{"style":1117},[4591],{"type":22,"value":4544},{"type":16,"tag":83,"props":4593,"children":4594},{"style":90},[4595],{"type":22,"value":3881},{"type":16,"tag":83,"props":4597,"children":4598},{"style":96},[4599],{"type":22,"value":3895},{"type":16,"tag":83,"props":4601,"children":4602},{"style":90},[4603],{"type":22,"value":1027},{"type":16,"tag":83,"props":4605,"children":4606},{"class":85,"line":336},[4607],{"type":16,"tag":83,"props":4608,"children":4609},{"emptyLinePlaceholder":8},[4610],{"type":22,"value":941},{"type":16,"tag":83,"props":4612,"children":4613},{"class":85,"line":354},[4614,4618,4622,4626,4631,4637,4641,4646,4650,4655,4659,4664,4669,4673],{"type":16,"tag":83,"props":4615,"children":4616},{"style":984},[4617],{"type":22,"value":1434},{"type":16,"tag":83,"props":4619,"children":4620},{"style":1150},[4621],{"type":22,"value":4004},{"type":16,"tag":83,"props":4623,"children":4624},{"style":1145},[4625],{"type":22,"value":1196},{"type":16,"tag":83,"props":4627,"children":4628},{"style":90},[4629],{"type":22,"value":4630}," (",{"type":16,"tag":83,"props":4632,"children":4634},{"style":4633},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[4635],{"type":22,"value":4636},"event",{"type":16,"tag":83,"props":4638,"children":4639},{"style":90},[4640],{"type":22,"value":1168},{"type":16,"tag":83,"props":4642,"children":4643},{"style":1117},[4644],{"type":22,"value":4645},"React",{"type":16,"tag":83,"props":4647,"children":4648},{"style":90},[4649],{"type":22,"value":3881},{"type":16,"tag":83,"props":4651,"children":4652},{"style":1117},[4653],{"type":22,"value":4654},"FormEvent",{"type":16,"tag":83,"props":4656,"children":4657},{"style":90},[4658],{"type":22,"value":93},{"type":16,"tag":83,"props":4660,"children":4661},{"style":1117},[4662],{"type":22,"value":4663},"HTMLFormElement",{"type":16,"tag":83,"props":4665,"children":4666},{"style":90},[4667],{"type":22,"value":4668},">) ",{"type":16,"tag":83,"props":4670,"children":4671},{"style":984},[4672],{"type":22,"value":3872},{"type":16,"tag":83,"props":4674,"children":4675},{"style":90},[4676],{"type":22,"value":4677}," {\n",{"type":16,"tag":83,"props":4679,"children":4680},{"class":85,"line":372},[4681,4686,4690,4695],{"type":16,"tag":83,"props":4682,"children":4683},{"style":1117},[4684],{"type":22,"value":4685},"    event",{"type":16,"tag":83,"props":4687,"children":4688},{"style":90},[4689],{"type":22,"value":3881},{"type":16,"tag":83,"props":4691,"children":4692},{"style":1150},[4693],{"type":22,"value":4694},"preventDefault",{"type":16,"tag":83,"props":4696,"children":4697},{"style":90},[4698],{"type":22,"value":1206},{"type":16,"tag":83,"props":4700,"children":4701},{"class":85,"line":390},[4702,4707,4711,4715,4719,4724,4728,4732,4736,4740,4744,4748,4752,4756,4760,4764,4768,4772],{"type":16,"tag":83,"props":4703,"children":4704},{"style":1117},[4705],{"type":22,"value":4706},"    console",{"type":16,"tag":83,"props":4708,"children":4709},{"style":90},[4710],{"type":22,"value":3881},{"type":16,"tag":83,"props":4712,"children":4713},{"style":1150},[4714],{"type":22,"value":4035},{"type":16,"tag":83,"props":4716,"children":4717},{"style":90},[4718],{"type":22,"value":1535},{"type":16,"tag":83,"props":4720,"children":4721},{"style":132},[4722],{"type":22,"value":4723},"`Form submitted with ",{"type":16,"tag":83,"props":4725,"children":4726},{"style":984},[4727],{"type":22,"value":4054},{"type":16,"tag":83,"props":4729,"children":4730},{"style":96},[4731],{"type":22,"value":1507},{"type":16,"tag":83,"props":4733,"children":4734},{"style":984},[4735],{"type":22,"value":1667},{"type":16,"tag":83,"props":4737,"children":4738},{"style":132},[4739],{"type":22,"value":53},{"type":16,"tag":83,"props":4741,"children":4742},{"style":984},[4743],{"type":22,"value":4054},{"type":16,"tag":83,"props":4745,"children":4746},{"style":96},[4747],{"type":22,"value":4372},{"type":16,"tag":83,"props":4749,"children":4750},{"style":984},[4751],{"type":22,"value":1667},{"type":16,"tag":83,"props":4753,"children":4754},{"style":132},[4755],{"type":22,"value":4101},{"type":16,"tag":83,"props":4757,"children":4758},{"style":984},[4759],{"type":22,"value":4054},{"type":16,"tag":83,"props":4761,"children":4762},{"style":96},[4763],{"type":22,"value":4421},{"type":16,"tag":83,"props":4765,"children":4766},{"style":984},[4767],{"type":22,"value":1667},{"type":16,"tag":83,"props":4769,"children":4770},{"style":132},[4771],{"type":22,"value":4127},{"type":16,"tag":83,"props":4773,"children":4774},{"style":90},[4775],{"type":22,"value":1545},{"type":16,"tag":83,"props":4777,"children":4778},{"class":85,"line":408},[4779],{"type":16,"tag":83,"props":4780,"children":4781},{"style":90},[4782],{"type":22,"value":4783},"  };\n",{"type":16,"tag":83,"props":4785,"children":4786},{"class":85,"line":426},[4787],{"type":16,"tag":83,"props":4788,"children":4789},{"emptyLinePlaceholder":8},[4790],{"type":22,"value":941},{"type":16,"tag":83,"props":4792,"children":4793},{"class":85,"line":435},[4794,4798],{"type":16,"tag":83,"props":4795,"children":4796},{"style":984},[4797],{"type":22,"value":1606},{"type":16,"tag":83,"props":4799,"children":4800},{"style":90},[4801],{"type":22,"value":1611},{"type":16,"tag":83,"props":4803,"children":4804},{"class":85,"line":468},[4805,4809,4813,4817,4821,4825],{"type":16,"tag":83,"props":4806,"children":4807},{"style":90},[4808],{"type":22,"value":301},{"type":16,"tag":83,"props":4810,"children":4811},{"style":96},[4812],{"type":22,"value":2587},{"type":16,"tag":83,"props":4814,"children":4815},{"style":1633},[4816],{"type":22,"value":1636},{"type":16,"tag":83,"props":4818,"children":4819},{"style":1145},[4820],{"type":22,"value":129},{"type":16,"tag":83,"props":4822,"children":4823},{"style":132},[4824],{"type":22,"value":2600},{"type":16,"tag":83,"props":4826,"children":4827},{"style":90},[4828],{"type":22,"value":104},{"type":16,"tag":83,"props":4830,"children":4831},{"class":85,"line":485},[4832,4836,4840,4844,4848,4852,4856,4860],{"type":16,"tag":83,"props":4833,"children":4834},{"style":90},[4835],{"type":22,"value":319},{"type":16,"tag":83,"props":4837,"children":4838},{"style":96},[4839],{"type":22,"value":495},{"type":16,"tag":83,"props":4841,"children":4842},{"style":1633},[4843],{"type":22,"value":1636},{"type":16,"tag":83,"props":4845,"children":4846},{"style":1145},[4847],{"type":22,"value":129},{"type":16,"tag":83,"props":4849,"children":4850},{"style":132},[4851],{"type":22,"value":2628},{"type":16,"tag":83,"props":4853,"children":4854},{"style":90},[4855],{"type":22,"value":2633},{"type":16,"tag":83,"props":4857,"children":4858},{"style":96},[4859],{"type":22,"value":495},{"type":16,"tag":83,"props":4861,"children":4862},{"style":90},[4863],{"type":22,"value":104},{"type":16,"tag":83,"props":4865,"children":4866},{"class":85,"line":529},[4867,4871],{"type":16,"tag":83,"props":4868,"children":4869},{"style":90},[4870],{"type":22,"value":319},{"type":16,"tag":83,"props":4872,"children":4873},{"style":96},[4874],{"type":22,"value":2653},{"type":16,"tag":83,"props":4876,"children":4877},{"class":85,"line":538},[4878,4882,4886],{"type":16,"tag":83,"props":4879,"children":4880},{"style":1633},[4881],{"type":22,"value":1762},{"type":16,"tag":83,"props":4883,"children":4884},{"style":1145},[4885],{"type":22,"value":129},{"type":16,"tag":83,"props":4887,"children":4888},{"style":132},[4889],{"type":22,"value":2669},{"type":16,"tag":83,"props":4891,"children":4892},{"class":85,"line":554},[4893,4898,4902,4906,4911],{"type":16,"tag":83,"props":4894,"children":4895},{"style":1633},[4896],{"type":22,"value":4897},"        onSubmit",{"type":16,"tag":83,"props":4899,"children":4900},{"style":1145},[4901],{"type":22,"value":129},{"type":16,"tag":83,"props":4903,"children":4904},{"style":984},[4905],{"type":22,"value":1658},{"type":16,"tag":83,"props":4907,"children":4908},{"style":96},[4909],{"type":22,"value":4910},"submitForm",{"type":16,"tag":83,"props":4912,"children":4913},{"style":984},[4914],{"type":22,"value":1730},{"type":16,"tag":83,"props":4916,"children":4917},{"class":85,"line":571},[4918],{"type":16,"tag":83,"props":4919,"children":4920},{"style":90},[4921],{"type":22,"value":432},{"type":16,"tag":83,"props":4923,"children":4924},{"class":85,"line":584},[4925,4929],{"type":16,"tag":83,"props":4926,"children":4927},{"style":90},[4928],{"type":22,"value":441},{"type":16,"tag":83,"props":4930,"children":4931},{"style":96},[4932],{"type":22,"value":581},{"type":16,"tag":83,"props":4934,"children":4935},{"class":85,"line":602},[4936,4940,4944],{"type":16,"tag":83,"props":4937,"children":4938},{"style":1633},[4939],{"type":22,"value":2112},{"type":16,"tag":83,"props":4941,"children":4942},{"style":1145},[4943],{"type":22,"value":129},{"type":16,"tag":83,"props":4945,"children":4946},{"style":132},[4947],{"type":22,"value":599},{"type":16,"tag":83,"props":4949,"children":4950},{"class":85,"line":620},[4951,4955,4959],{"type":16,"tag":83,"props":4952,"children":4953},{"style":1633},[4954],{"type":22,"value":2128},{"type":16,"tag":83,"props":4956,"children":4957},{"style":1145},[4958],{"type":22,"value":129},{"type":16,"tag":83,"props":4960,"children":4961},{"style":132},[4962],{"type":22,"value":617},{"type":16,"tag":83,"props":4964,"children":4965},{"class":85,"line":638},[4966,4970,4974],{"type":16,"tag":83,"props":4967,"children":4968},{"style":1633},[4969],{"type":22,"value":2144},{"type":16,"tag":83,"props":4971,"children":4972},{"style":1145},[4973],{"type":22,"value":129},{"type":16,"tag":83,"props":4975,"children":4976},{"style":132},[4977],{"type":22,"value":635},{"type":16,"tag":83,"props":4979,"children":4980},{"class":85,"line":655},[4981,4985,4989],{"type":16,"tag":83,"props":4982,"children":4983},{"style":1633},[4984],{"type":22,"value":2160},{"type":16,"tag":83,"props":4986,"children":4987},{"style":1145},[4988],{"type":22,"value":129},{"type":16,"tag":83,"props":4990,"children":4991},{"style":132},[4992],{"type":22,"value":635},{"type":16,"tag":83,"props":4994,"children":4995},{"class":85,"line":673},[4996,5000,5004],{"type":16,"tag":83,"props":4997,"children":4998},{"style":1633},[4999],{"type":22,"value":2176},{"type":16,"tag":83,"props":5001,"children":5002},{"style":1145},[5003],{"type":22,"value":129},{"type":16,"tag":83,"props":5005,"children":5006},{"style":132},[5007],{"type":22,"value":2785},{"type":16,"tag":83,"props":5009,"children":5010},{"class":85,"line":682},[5011],{"type":16,"tag":83,"props":5012,"children":5013},{"style":90},[5014],{"type":22,"value":2192},{"type":16,"tag":83,"props":5016,"children":5017},{"class":85,"line":733},[5018,5022,5026,5030,5034,5038,5042,5046],{"type":16,"tag":83,"props":5019,"children":5020},{"style":90},[5021],{"type":22,"value":441},{"type":16,"tag":83,"props":5023,"children":5024},{"style":96},[5025],{"type":22,"value":24},{"type":16,"tag":83,"props":5027,"children":5028},{"style":1633},[5029],{"type":22,"value":1636},{"type":16,"tag":83,"props":5031,"children":5032},{"style":1145},[5033],{"type":22,"value":129},{"type":16,"tag":83,"props":5035,"children":5036},{"style":132},[5037],{"type":22,"value":2817},{"type":16,"tag":83,"props":5039,"children":5040},{"style":90},[5041],{"type":22,"value":722},{"type":16,"tag":83,"props":5043,"children":5044},{"style":96},[5045],{"type":22,"value":24},{"type":16,"tag":83,"props":5047,"children":5048},{"style":90},[5049],{"type":22,"value":104},{"type":16,"tag":83,"props":5051,"children":5052},{"class":85,"line":763},[5053,5057,5061,5065,5069,5073],{"type":16,"tag":83,"props":5054,"children":5055},{"style":90},[5056],{"type":22,"value":441},{"type":16,"tag":83,"props":5058,"children":5059},{"style":96},[5060],{"type":22,"value":2587},{"type":16,"tag":83,"props":5062,"children":5063},{"style":1633},[5064],{"type":22,"value":1636},{"type":16,"tag":83,"props":5066,"children":5067},{"style":1145},[5068],{"type":22,"value":129},{"type":16,"tag":83,"props":5070,"children":5071},{"style":132},[5072],{"type":22,"value":2853},{"type":16,"tag":83,"props":5074,"children":5075},{"style":90},[5076],{"type":22,"value":104},{"type":16,"tag":83,"props":5078,"children":5079},{"class":85,"line":833},[5080,5084,5088,5092,5096,5100],{"type":16,"tag":83,"props":5081,"children":5082},{"style":90},[5083],{"type":22,"value":1882},{"type":16,"tag":83,"props":5085,"children":5086},{"style":96},[5087],{"type":22,"value":2587},{"type":16,"tag":83,"props":5089,"children":5090},{"style":1633},[5091],{"type":22,"value":1636},{"type":16,"tag":83,"props":5093,"children":5094},{"style":1145},[5095],{"type":22,"value":129},{"type":16,"tag":83,"props":5097,"children":5098},{"style":132},[5099],{"type":22,"value":2881},{"type":16,"tag":83,"props":5101,"children":5102},{"style":90},[5103],{"type":22,"value":104},{"type":16,"tag":83,"props":5105,"children":5106},{"class":85,"line":885},[5107,5111,5115,5119,5123,5127,5132,5136,5140,5144,5148],{"type":16,"tag":83,"props":5108,"children":5109},{"style":90},[5110],{"type":22,"value":1982},{"type":16,"tag":83,"props":5112,"children":5113},{"style":96},[5114],{"type":22,"value":24},{"type":16,"tag":83,"props":5116,"children":5117},{"style":1633},[5118],{"type":22,"value":2022},{"type":16,"tag":83,"props":5120,"children":5121},{"style":1145},[5122],{"type":22,"value":129},{"type":16,"tag":83,"props":5124,"children":5125},{"style":984},[5126],{"type":22,"value":1658},{"type":16,"tag":83,"props":5128,"children":5129},{"style":96},[5130],{"type":22,"value":5131},"ratingLabelId",{"type":16,"tag":83,"props":5133,"children":5134},{"style":984},[5135],{"type":22,"value":1667},{"type":16,"tag":83,"props":5137,"children":5138},{"style":1633},[5139],{"type":22,"value":1636},{"type":16,"tag":83,"props":5141,"children":5142},{"style":1145},[5143],{"type":22,"value":129},{"type":16,"tag":83,"props":5145,"children":5146},{"style":132},[5147],{"type":22,"value":2922},{"type":16,"tag":83,"props":5149,"children":5150},{"style":90},[5151],{"type":22,"value":104},{"type":16,"tag":83,"props":5153,"children":5154},{"class":85,"line":901},[5155],{"type":16,"tag":83,"props":5156,"children":5157},{"style":90},[5158],{"type":22,"value":5159},"              Your rating:\n",{"type":16,"tag":83,"props":5161,"children":5162},{"class":85,"line":918},[5163,5168,5172],{"type":16,"tag":83,"props":5164,"children":5165},{"style":90},[5166],{"type":22,"value":5167},"            \u003C\u002F",{"type":16,"tag":83,"props":5169,"children":5170},{"style":96},[5171],{"type":22,"value":24},{"type":16,"tag":83,"props":5173,"children":5174},{"style":90},[5175],{"type":22,"value":104},{"type":16,"tag":83,"props":5177,"children":5178},{"class":85,"line":935},[5179,5183],{"type":16,"tag":83,"props":5180,"children":5181},{"style":90},[5182],{"type":22,"value":1982},{"type":16,"tag":83,"props":5184,"children":5185},{"style":1117},[5186],{"type":22,"value":2301},{"type":16,"tag":83,"props":5188,"children":5189},{"class":85,"line":944},[5190,5195,5199,5203,5207],{"type":16,"tag":83,"props":5191,"children":5192},{"style":1633},[5193],{"type":22,"value":5194},"              value",{"type":16,"tag":83,"props":5196,"children":5197},{"style":1145},[5198],{"type":22,"value":129},{"type":16,"tag":83,"props":5200,"children":5201},{"style":984},[5202],{"type":22,"value":1658},{"type":16,"tag":83,"props":5204,"children":5205},{"style":96},[5206],{"type":22,"value":1507},{"type":16,"tag":83,"props":5208,"children":5209},{"style":984},[5210],{"type":22,"value":1730},{"type":16,"tag":83,"props":5212,"children":5213},{"class":85,"line":980},[5214,5219,5223,5227,5231],{"type":16,"tag":83,"props":5215,"children":5216},{"style":1633},[5217],{"type":22,"value":5218},"              aria-labelledby",{"type":16,"tag":83,"props":5220,"children":5221},{"style":1145},[5222],{"type":22,"value":129},{"type":16,"tag":83,"props":5224,"children":5225},{"style":984},[5226],{"type":22,"value":1658},{"type":16,"tag":83,"props":5228,"children":5229},{"style":96},[5230],{"type":22,"value":5131},{"type":16,"tag":83,"props":5232,"children":5233},{"style":984},[5234],{"type":22,"value":1730},{"type":16,"tag":83,"props":5236,"children":5237},{"class":85,"line":1030},[5238,5243,5247,5251,5255],{"type":16,"tag":83,"props":5239,"children":5240},{"style":1633},[5241],{"type":22,"value":5242},"              onChange",{"type":16,"tag":83,"props":5244,"children":5245},{"style":1145},[5246],{"type":22,"value":129},{"type":16,"tag":83,"props":5248,"children":5249},{"style":984},[5250],{"type":22,"value":1658},{"type":16,"tag":83,"props":5252,"children":5253},{"style":96},[5254],{"type":22,"value":1516},{"type":16,"tag":83,"props":5256,"children":5257},{"style":984},[5258],{"type":22,"value":1730},{"type":16,"tag":83,"props":5260,"children":5261},{"class":85,"line":1096},[5262,5267,5271],{"type":16,"tag":83,"props":5263,"children":5264},{"style":1633},[5265],{"type":22,"value":5266},"              className",{"type":16,"tag":83,"props":5268,"children":5269},{"style":1145},[5270],{"type":22,"value":129},{"type":16,"tag":83,"props":5272,"children":5273},{"style":132},[5274],{"type":22,"value":5275},"\"p-1 gap-x-2\"\n",{"type":16,"tag":83,"props":5277,"children":5278},{"class":85,"line":1104},[5279],{"type":16,"tag":83,"props":5280,"children":5281},{"style":90},[5282],{"type":22,"value":5283},"            \u002F>\n",{"type":16,"tag":83,"props":5285,"children":5286},{"class":85,"line":1181},[5287,5291,5295],{"type":16,"tag":83,"props":5288,"children":5289},{"style":90},[5290],{"type":22,"value":1998},{"type":16,"tag":83,"props":5292,"children":5293},{"style":96},[5294],{"type":22,"value":2587},{"type":16,"tag":83,"props":5296,"children":5297},{"style":90},[5298],{"type":22,"value":104},{"type":16,"tag":83,"props":5300,"children":5301},{"class":85,"line":1209},[5302,5306,5310,5314,5318,5322],{"type":16,"tag":83,"props":5303,"children":5304},{"style":90},[5305],{"type":22,"value":1882},{"type":16,"tag":83,"props":5307,"children":5308},{"style":96},[5309],{"type":22,"value":3016},{"type":16,"tag":83,"props":5311,"children":5312},{"style":1633},[5313],{"type":22,"value":1636},{"type":16,"tag":83,"props":5315,"children":5316},{"style":1145},[5317],{"type":22,"value":129},{"type":16,"tag":83,"props":5319,"children":5320},{"style":132},[5321],{"type":22,"value":3029},{"type":16,"tag":83,"props":5323,"children":5324},{"style":90},[5325],{"type":22,"value":104},{"type":16,"tag":83,"props":5327,"children":5328},{"class":85,"line":1235},[5329,5333,5337,5341,5345,5349],{"type":16,"tag":83,"props":5330,"children":5331},{"style":90},[5332],{"type":22,"value":1982},{"type":16,"tag":83,"props":5334,"children":5335},{"style":96},[5336],{"type":22,"value":83},{"type":16,"tag":83,"props":5338,"children":5339},{"style":1633},[5340],{"type":22,"value":1636},{"type":16,"tag":83,"props":5342,"children":5343},{"style":1145},[5344],{"type":22,"value":129},{"type":16,"tag":83,"props":5346,"children":5347},{"style":132},[5348],{"type":22,"value":3057},{"type":16,"tag":83,"props":5350,"children":5351},{"style":90},[5352],{"type":22,"value":104},{"type":16,"tag":83,"props":5354,"children":5355},{"class":85,"line":1260},[5356],{"type":16,"tag":83,"props":5357,"children":5358},{"style":90},[5359],{"type":22,"value":5360},"              Product review (optional)\n",{"type":16,"tag":83,"props":5362,"children":5363},{"class":85,"line":2304},[5364,5368,5372],{"type":16,"tag":83,"props":5365,"children":5366},{"style":90},[5367],{"type":22,"value":5167},{"type":16,"tag":83,"props":5369,"children":5370},{"style":96},[5371],{"type":22,"value":83},{"type":16,"tag":83,"props":5373,"children":5374},{"style":90},[5375],{"type":22,"value":104},{"type":16,"tag":83,"props":5377,"children":5378},{"class":85,"line":2329},[5379,5383],{"type":16,"tag":83,"props":5380,"children":5381},{"style":90},[5382],{"type":22,"value":1982},{"type":16,"tag":83,"props":5384,"children":5385},{"style":96},[5386],{"type":22,"value":3082},{"type":16,"tag":83,"props":5388,"children":5389},{"class":85,"line":2347},[5390,5394,5398,5402,5406],{"type":16,"tag":83,"props":5391,"children":5392},{"style":1633},[5393],{"type":22,"value":5194},{"type":16,"tag":83,"props":5395,"children":5396},{"style":1145},[5397],{"type":22,"value":129},{"type":16,"tag":83,"props":5399,"children":5400},{"style":984},[5401],{"type":22,"value":1658},{"type":16,"tag":83,"props":5403,"children":5404},{"style":96},[5405],{"type":22,"value":4372},{"type":16,"tag":83,"props":5407,"children":5408},{"style":984},[5409],{"type":22,"value":1730},{"type":16,"tag":83,"props":5411,"children":5412},{"class":85,"line":2364},[5413,5418,5422],{"type":16,"tag":83,"props":5414,"children":5415},{"style":1633},[5416],{"type":22,"value":5417},"              placeholder",{"type":16,"tag":83,"props":5419,"children":5420},{"style":1145},[5421],{"type":22,"value":129},{"type":16,"tag":83,"props":5423,"children":5424},{"style":132},[5425],{"type":22,"value":3099},{"type":16,"tag":83,"props":5427,"children":5428},{"class":85,"line":2381},[5429,5433,5437],{"type":16,"tag":83,"props":5430,"children":5431},{"style":1633},[5432],{"type":22,"value":5266},{"type":16,"tag":83,"props":5434,"children":5435},{"style":1145},[5436],{"type":22,"value":129},{"type":16,"tag":83,"props":5438,"children":5439},{"style":132},[5440],{"type":22,"value":3116},{"type":16,"tag":83,"props":5442,"children":5443},{"class":85,"line":2406},[5444,5448,5452,5456,5460,5464,5469,5473,5478,5482,5486,5490,5495,5499,5503,5508],{"type":16,"tag":83,"props":5445,"children":5446},{"style":1633},[5447],{"type":22,"value":5242},{"type":16,"tag":83,"props":5449,"children":5450},{"style":1145},[5451],{"type":22,"value":129},{"type":16,"tag":83,"props":5453,"children":5454},{"style":984},[5455],{"type":22,"value":1658},{"type":16,"tag":83,"props":5457,"children":5458},{"style":90},[5459],{"type":22,"value":1535},{"type":16,"tag":83,"props":5461,"children":5462},{"style":4633},[5463],{"type":22,"value":4636},{"type":16,"tag":83,"props":5465,"children":5466},{"style":90},[5467],{"type":22,"value":5468},") ",{"type":16,"tag":83,"props":5470,"children":5471},{"style":984},[5472],{"type":22,"value":3872},{"type":16,"tag":83,"props":5474,"children":5475},{"style":1150},[5476],{"type":22,"value":5477}," setReview",{"type":16,"tag":83,"props":5479,"children":5480},{"style":90},[5481],{"type":22,"value":1535},{"type":16,"tag":83,"props":5483,"children":5484},{"style":1117},[5485],{"type":22,"value":4636},{"type":16,"tag":83,"props":5487,"children":5488},{"style":90},[5489],{"type":22,"value":3881},{"type":16,"tag":83,"props":5491,"children":5492},{"style":1117},[5493],{"type":22,"value":5494},"target",{"type":16,"tag":83,"props":5496,"children":5497},{"style":90},[5498],{"type":22,"value":3881},{"type":16,"tag":83,"props":5500,"children":5501},{"style":96},[5502],{"type":22,"value":3886},{"type":16,"tag":83,"props":5504,"children":5505},{"style":90},[5506],{"type":22,"value":5507},")",{"type":16,"tag":83,"props":5509,"children":5510},{"style":984},[5511],{"type":22,"value":1730},{"type":16,"tag":83,"props":5513,"children":5514},{"class":85,"line":2415},[5515],{"type":16,"tag":83,"props":5516,"children":5517},{"style":90},[5518],{"type":22,"value":5283},{"type":16,"tag":83,"props":5520,"children":5521},{"class":85,"line":2455},[5522,5526],{"type":16,"tag":83,"props":5523,"children":5524},{"style":90},[5525],{"type":22,"value":1982},{"type":16,"tag":83,"props":5527,"children":5528},{"style":96},[5529],{"type":22,"value":3158},{"type":16,"tag":83,"props":5531,"children":5532},{"class":85,"line":2464},[5533,5537,5541,5545,5550],{"type":16,"tag":83,"props":5534,"children":5535},{"style":1633},[5536],{"type":22,"value":5266},{"type":16,"tag":83,"props":5538,"children":5539},{"style":1145},[5540],{"type":22,"value":129},{"type":16,"tag":83,"props":5542,"children":5543},{"style":984},[5544],{"type":22,"value":1658},{"type":16,"tag":83,"props":5546,"children":5547},{"style":1150},[5548],{"type":22,"value":5549},"classNames",{"type":16,"tag":83,"props":5551,"children":5552},{"style":90},[5553],{"type":22,"value":4040},{"type":16,"tag":83,"props":5555,"children":5556},{"class":85,"line":2480},[5557,5562],{"type":16,"tag":83,"props":5558,"children":5559},{"style":132},[5560],{"type":22,"value":5561},"                'block text-xs mt-0.5 text-right'",{"type":16,"tag":83,"props":5563,"children":5564},{"style":90},[5565],{"type":22,"value":4132},{"type":16,"tag":83,"props":5567,"children":5568},{"class":85,"line":2496},[5569,5574,5579,5584,5589,5594],{"type":16,"tag":83,"props":5570,"children":5571},{"style":96},[5572],{"type":22,"value":5573},"                reviewIsAboveLimit",{"type":16,"tag":83,"props":5575,"children":5576},{"style":984},[5577],{"type":22,"value":5578}," ?",{"type":16,"tag":83,"props":5580,"children":5581},{"style":132},[5582],{"type":22,"value":5583}," 'text-negative-700 font-medium'",{"type":16,"tag":83,"props":5585,"children":5586},{"style":984},[5587],{"type":22,"value":5588}," :",{"type":16,"tag":83,"props":5590,"children":5591},{"style":132},[5592],{"type":22,"value":5593}," 'text-neutral-500'",{"type":16,"tag":83,"props":5595,"children":5596},{"style":90},[5597],{"type":22,"value":4132},{"type":16,"tag":83,"props":5599,"children":5600},{"class":85,"line":2512},[5601,5606],{"type":16,"tag":83,"props":5602,"children":5603},{"style":90},[5604],{"type":22,"value":5605},"              )",{"type":16,"tag":83,"props":5607,"children":5608},{"style":984},[5609],{"type":22,"value":1730},{"type":16,"tag":83,"props":5611,"children":5612},{"class":85,"line":2521},[5613],{"type":16,"tag":83,"props":5614,"children":5615},{"style":90},[5616],{"type":22,"value":5617},"            >\n",{"type":16,"tag":83,"props":5619,"children":5620},{"class":85,"line":2530},[5621,5626,5631],{"type":16,"tag":83,"props":5622,"children":5623},{"style":984},[5624],{"type":22,"value":5625},"              {",{"type":16,"tag":83,"props":5627,"children":5628},{"style":96},[5629],{"type":22,"value":5630},"reviewCharsCount",{"type":16,"tag":83,"props":5632,"children":5633},{"style":984},[5634],{"type":22,"value":1730},{"type":16,"tag":83,"props":5636,"children":5637},{"class":85,"line":4043},[5638,5642,5646],{"type":16,"tag":83,"props":5639,"children":5640},{"style":90},[5641],{"type":22,"value":5167},{"type":16,"tag":83,"props":5643,"children":5644},{"style":96},[5645],{"type":22,"value":83},{"type":16,"tag":83,"props":5647,"children":5648},{"style":90},[5649],{"type":22,"value":104},{"type":16,"tag":83,"props":5651,"children":5652},{"class":85,"line":4135},[5653,5657,5661],{"type":16,"tag":83,"props":5654,"children":5655},{"style":90},[5656],{"type":22,"value":1998},{"type":16,"tag":83,"props":5658,"children":5659},{"style":96},[5660],{"type":22,"value":3016},{"type":16,"tag":83,"props":5662,"children":5663},{"style":90},[5664],{"type":22,"value":104},{"type":16,"tag":83,"props":5666,"children":5667},{"class":85,"line":4143},[5668,5672,5676,5680,5684,5688],{"type":16,"tag":83,"props":5669,"children":5670},{"style":90},[5671],{"type":22,"value":1882},{"type":16,"tag":83,"props":5673,"children":5674},{"style":96},[5675],{"type":22,"value":3016},{"type":16,"tag":83,"props":5677,"children":5678},{"style":1633},[5679],{"type":22,"value":1636},{"type":16,"tag":83,"props":5681,"children":5682},{"style":1145},[5683],{"type":22,"value":129},{"type":16,"tag":83,"props":5685,"children":5686},{"style":132},[5687],{"type":22,"value":3268},{"type":16,"tag":83,"props":5689,"children":5690},{"style":90},[5691],{"type":22,"value":104},{"type":16,"tag":83,"props":5693,"children":5695},{"class":85,"line":5694},67,[5696,5700,5704,5708,5712,5716,5720,5724],{"type":16,"tag":83,"props":5697,"children":5698},{"style":90},[5699],{"type":22,"value":1982},{"type":16,"tag":83,"props":5701,"children":5702},{"style":96},[5703],{"type":22,"value":83},{"type":16,"tag":83,"props":5705,"children":5706},{"style":1633},[5707],{"type":22,"value":1636},{"type":16,"tag":83,"props":5709,"children":5710},{"style":1145},[5711],{"type":22,"value":129},{"type":16,"tag":83,"props":5713,"children":5714},{"style":132},[5715],{"type":22,"value":3296},{"type":16,"tag":83,"props":5717,"children":5718},{"style":90},[5719],{"type":22,"value":3301},{"type":16,"tag":83,"props":5721,"children":5722},{"style":96},[5723],{"type":22,"value":83},{"type":16,"tag":83,"props":5725,"children":5726},{"style":90},[5727],{"type":22,"value":104},{"type":16,"tag":83,"props":5729,"children":5731},{"class":85,"line":5730},68,[5732,5736,5740,5745,5749,5753,5757,5761,5766,5770,5774,5778,5782,5786,5790,5795,5799,5803,5807,5811,5815,5819,5823,5827],{"type":16,"tag":83,"props":5733,"children":5734},{"style":90},[5735],{"type":22,"value":1982},{"type":16,"tag":83,"props":5737,"children":5738},{"style":1117},[5739],{"type":22,"value":3321},{"type":16,"tag":83,"props":5741,"children":5742},{"style":1633},[5743],{"type":22,"value":5744}," value",{"type":16,"tag":83,"props":5746,"children":5747},{"style":1145},[5748],{"type":22,"value":129},{"type":16,"tag":83,"props":5750,"children":5751},{"style":984},[5752],{"type":22,"value":1658},{"type":16,"tag":83,"props":5754,"children":5755},{"style":96},[5756],{"type":22,"value":4421},{"type":16,"tag":83,"props":5758,"children":5759},{"style":984},[5760],{"type":22,"value":1667},{"type":16,"tag":83,"props":5762,"children":5763},{"style":1633},[5764],{"type":22,"value":5765}," onChange",{"type":16,"tag":83,"props":5767,"children":5768},{"style":1145},[5769],{"type":22,"value":129},{"type":16,"tag":83,"props":5771,"children":5772},{"style":984},[5773],{"type":22,"value":1658},{"type":16,"tag":83,"props":5775,"children":5776},{"style":90},[5777],{"type":22,"value":1535},{"type":16,"tag":83,"props":5779,"children":5780},{"style":4633},[5781],{"type":22,"value":4636},{"type":16,"tag":83,"props":5783,"children":5784},{"style":90},[5785],{"type":22,"value":5468},{"type":16,"tag":83,"props":5787,"children":5788},{"style":984},[5789],{"type":22,"value":3872},{"type":16,"tag":83,"props":5791,"children":5792},{"style":1150},[5793],{"type":22,"value":5794}," setUsername",{"type":16,"tag":83,"props":5796,"children":5797},{"style":90},[5798],{"type":22,"value":1535},{"type":16,"tag":83,"props":5800,"children":5801},{"style":1117},[5802],{"type":22,"value":4636},{"type":16,"tag":83,"props":5804,"children":5805},{"style":90},[5806],{"type":22,"value":3881},{"type":16,"tag":83,"props":5808,"children":5809},{"style":1117},[5810],{"type":22,"value":5494},{"type":16,"tag":83,"props":5812,"children":5813},{"style":90},[5814],{"type":22,"value":3881},{"type":16,"tag":83,"props":5816,"children":5817},{"style":96},[5818],{"type":22,"value":3886},{"type":16,"tag":83,"props":5820,"children":5821},{"style":90},[5822],{"type":22,"value":5507},{"type":16,"tag":83,"props":5824,"children":5825},{"style":984},[5826],{"type":22,"value":1667},{"type":16,"tag":83,"props":5828,"children":5829},{"style":90},[5830],{"type":22,"value":465},{"type":16,"tag":83,"props":5832,"children":5834},{"class":85,"line":5833},69,[5835,5839,5843],{"type":16,"tag":83,"props":5836,"children":5837},{"style":90},[5838],{"type":22,"value":1998},{"type":16,"tag":83,"props":5840,"children":5841},{"style":96},[5842],{"type":22,"value":3016},{"type":16,"tag":83,"props":5844,"children":5845},{"style":90},[5846],{"type":22,"value":104},{"type":16,"tag":83,"props":5848,"children":5850},{"class":85,"line":5849},70,[5851,5855,5859,5863,5867,5871],{"type":16,"tag":83,"props":5852,"children":5853},{"style":90},[5854],{"type":22,"value":1882},{"type":16,"tag":83,"props":5856,"children":5857},{"style":96},[5858],{"type":22,"value":2587},{"type":16,"tag":83,"props":5860,"children":5861},{"style":1633},[5862],{"type":22,"value":1636},{"type":16,"tag":83,"props":5864,"children":5865},{"style":1145},[5866],{"type":22,"value":129},{"type":16,"tag":83,"props":5868,"children":5869},{"style":132},[5870],{"type":22,"value":3377},{"type":16,"tag":83,"props":5872,"children":5873},{"style":90},[5874],{"type":22,"value":104},{"type":16,"tag":83,"props":5876,"children":5878},{"class":85,"line":5877},71,[5879,5883,5887,5891,5895,5899,5903,5907,5911],{"type":16,"tag":83,"props":5880,"children":5881},{"style":90},[5882],{"type":22,"value":1982},{"type":16,"tag":83,"props":5884,"children":5885},{"style":1117},[5886],{"type":22,"value":118},{"type":16,"tag":83,"props":5888,"children":5889},{"style":1633},[5890],{"type":22,"value":3397},{"type":16,"tag":83,"props":5892,"children":5893},{"style":1145},[5894],{"type":22,"value":129},{"type":16,"tag":83,"props":5896,"children":5897},{"style":132},[5898],{"type":22,"value":3406},{"type":16,"tag":83,"props":5900,"children":5901},{"style":1633},[5902],{"type":22,"value":1636},{"type":16,"tag":83,"props":5904,"children":5905},{"style":1145},[5906],{"type":22,"value":129},{"type":16,"tag":83,"props":5908,"children":5909},{"style":132},[5910],{"type":22,"value":3419},{"type":16,"tag":83,"props":5912,"children":5913},{"style":90},[5914],{"type":22,"value":104},{"type":16,"tag":83,"props":5916,"children":5918},{"class":85,"line":5917},72,[5919],{"type":16,"tag":83,"props":5920,"children":5921},{"style":90},[5922],{"type":22,"value":5923},"              Cancel\n",{"type":16,"tag":83,"props":5925,"children":5927},{"class":85,"line":5926},73,[5928,5932,5936],{"type":16,"tag":83,"props":5929,"children":5930},{"style":90},[5931],{"type":22,"value":5167},{"type":16,"tag":83,"props":5933,"children":5934},{"style":1117},[5935],{"type":22,"value":118},{"type":16,"tag":83,"props":5937,"children":5938},{"style":90},[5939],{"type":22,"value":104},{"type":16,"tag":83,"props":5941,"children":5943},{"class":85,"line":5942},74,[5944,5948,5952,5956,5960,5964,5968,5972,5976],{"type":16,"tag":83,"props":5945,"children":5946},{"style":90},[5947],{"type":22,"value":1982},{"type":16,"tag":83,"props":5949,"children":5950},{"style":1117},[5951],{"type":22,"value":118},{"type":16,"tag":83,"props":5953,"children":5954},{"style":1633},[5955],{"type":22,"value":847},{"type":16,"tag":83,"props":5957,"children":5958},{"style":1145},[5959],{"type":22,"value":129},{"type":16,"tag":83,"props":5961,"children":5962},{"style":132},[5963],{"type":22,"value":856},{"type":16,"tag":83,"props":5965,"children":5966},{"style":1633},[5967],{"type":22,"value":1636},{"type":16,"tag":83,"props":5969,"children":5970},{"style":1145},[5971],{"type":22,"value":129},{"type":16,"tag":83,"props":5973,"children":5974},{"style":132},[5975],{"type":22,"value":3419},{"type":16,"tag":83,"props":5977,"children":5978},{"style":90},[5979],{"type":22,"value":104},{"type":16,"tag":83,"props":5981,"children":5983},{"class":85,"line":5982},75,[5984],{"type":16,"tag":83,"props":5985,"children":5986},{"style":90},[5987],{"type":22,"value":5988},"              Submit Review\n",{"type":16,"tag":83,"props":5990,"children":5992},{"class":85,"line":5991},76,[5993,5997,6001],{"type":16,"tag":83,"props":5994,"children":5995},{"style":90},[5996],{"type":22,"value":5167},{"type":16,"tag":83,"props":5998,"children":5999},{"style":1117},[6000],{"type":22,"value":118},{"type":16,"tag":83,"props":6002,"children":6003},{"style":90},[6004],{"type":22,"value":104},{"type":16,"tag":83,"props":6006,"children":6008},{"class":85,"line":6007},77,[6009,6013,6017],{"type":16,"tag":83,"props":6010,"children":6011},{"style":90},[6012],{"type":22,"value":1998},{"type":16,"tag":83,"props":6014,"children":6015},{"style":96},[6016],{"type":22,"value":2587},{"type":16,"tag":83,"props":6018,"children":6019},{"style":90},[6020],{"type":22,"value":104},{"type":16,"tag":83,"props":6022,"children":6024},{"class":85,"line":6023},78,[6025,6029,6033],{"type":16,"tag":83,"props":6026,"children":6027},{"style":90},[6028],{"type":22,"value":2085},{"type":16,"tag":83,"props":6030,"children":6031},{"style":96},[6032],{"type":22,"value":2587},{"type":16,"tag":83,"props":6034,"children":6035},{"style":90},[6036],{"type":22,"value":104},{"type":16,"tag":83,"props":6038,"children":6040},{"class":85,"line":6039},79,[6041,6045,6049],{"type":16,"tag":83,"props":6042,"children":6043},{"style":90},[6044],{"type":22,"value":474},{"type":16,"tag":83,"props":6046,"children":6047},{"style":96},[6048],{"type":22,"value":743},{"type":16,"tag":83,"props":6050,"children":6051},{"style":90},[6052],{"type":22,"value":104},{"type":16,"tag":83,"props":6054,"children":6056},{"class":85,"line":6055},80,[6057,6061,6065],{"type":16,"tag":83,"props":6058,"children":6059},{"style":90},[6060],{"type":22,"value":560},{"type":16,"tag":83,"props":6062,"children":6063},{"style":96},[6064],{"type":22,"value":2587},{"type":16,"tag":83,"props":6066,"children":6067},{"style":90},[6068],{"type":22,"value":104},{"type":16,"tag":83,"props":6070,"children":6072},{"class":85,"line":6071},81,[6073],{"type":16,"tag":83,"props":6074,"children":6075},{"style":90},[6076],{"type":22,"value":2527},{"type":16,"tag":83,"props":6078,"children":6080},{"class":85,"line":6079},82,[6081],{"type":16,"tag":83,"props":6082,"children":6083},{"style":90},[6084],{"type":22,"value":1730},{"type":16,"tag":6086,"props":6087,"children":6088},"style",{},[6089],{"type":22,"value":6090},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":9,"searchDepth":196,"depth":107,"links":6092},[6093,6094],{"id":31,"depth":107,"text":34},{"id":2538,"depth":107,"text":2541},"markdown","content:_blocks:RatingForms.md","content","_blocks\u002FRatingForms.md","_blocks\u002FRatingForms","md","default",[6103],{"_path":6104,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":6105,"sidebarRoot":8,"_id":6108,"_type":6109,"title":6110,"_source":6097,"_file":6111,"_stem":6112,"_extension":6113},"\u002F_dir",{"title":6106,"icon":6107},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":6115,"sidebarRoot":6117},[6116,6119,6131],{"title":6106,"_path":6117,"_id":6108,"layout":6118,"sidebarRoot":8,"icon":6107},"\u002F","fullscreen",{"title":6120,"_path":6121,"children":6122,"_id":6130,"layout":6101},"Getting Started","\u002Fgetting-started",[6123,6126],{"title":6124,"_path":6121,"_id":6125,"layout":6101},"Installation","content:2.getting-started:1.index.md",{"title":6127,"_path":6128,"_id":6129,"layout":6101},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":6132,"_path":6133,"children":6134},"Customization","\u002Fcustomization",[6135,6139,6143,6147],{"title":6136,"_path":6137,"_id":6138,"layout":6101},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":6140,"_path":6141,"_id":6142,"layout":6101},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":6144,"_path":6145,"_id":6146,"layout":6101},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":6148,"_path":6149,"_id":6150,"layout":6101},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574918787]