JSFiddle - React, Tailwind, and code Playground

HTML

<select id="select1">
   <optgroup label="Сок">
    <option value="c1">Апельсиновый</option>
    <option value="c2">Лимонный</option>
    <option value="c3">Персиковый</option>
   </optgroup>
   <optgroup label="Вино">
    <option value="s1">Красное</option>
    <option value="s2">Белое</option>
    <option value="s3">Зеленое</option>
   </optgroup>
   </select>
   
   <select id="select2">
    <option value="s1">Премиум</option>
    <option value="s2">Лайт</option>
    <option value="s3">Экстра</option>  
   </select>

   Стоимость: <input type="text" id="price">