@expofp/floorplan/dist/esm/components/Kiosk/SetKiosk/SetKioskForm.js

Interactive floor plan library for expos and events

import{jsx as e,jsxs as o}from"react/jsx-runtime";import"./SetKioskForm.scss";import m from"../../../ui/Button";import{t as s}from"../../../utils/i18n";import{RangeInput as a}from"./FormInput/RangeInput";export function SetKioskForm({onSave:n,onDelete:t,isSaveDisabled:r,isDeleteDisabled:l,areControlsDisabled:i,angle:c,onRotateIcon:d,uiScale:p,minUiScale:f,maxUiScale:k,uiScaleStep:u,onUiScaleChange:v,iconSizePercent:x,onChangeIconSizePercent:h}){return e("div",{className:"efp-set-kiosk-form",children:o("div",{className:"efp-set-kiosk-form__content",children:[o("div",{className:"efp-set-kiosk-form__inputs",children:[e(a,{value:c,name:s("Icon rotation"),min:0,max:360,step:1,symbol:"\xB0",isDisabled:i,onChange:d}),e(a,{value:x,name:s("Icon size"),min:100,max:300,step:1,symbol:"%",isDisabled:i,onChange:h}),e(a,{value:Math.round(p*100),name:s("UI scale"),min:f*100,max:k*100,step:u*100,symbol:"%",isDisabled:i,onChange:_=>v(_/100)})]}),o("div",{className:"efp-set-kiosk-form__controls",children:[e(m,{size:"md",variant:"gray",text:s("Delete kiosk"),onClick:t,disabled:l}),e(m,{size:"md",variant:"primary",text:s("Save"),onClick:n,disabled:r})]})]})})}