import{P as o,aC as e,R as l}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const C={title:"UI/DirectionPad",component:o,tags:["autodocs"]},u={render:()=>{const[n,t]=e.useState("<none>"),s=e.useCallback(()=>{t("left")},[]),a=e.useCallback(()=>{t("right")},[]),c=e.useCallback(()=>{t("up")},[]),r=e.useCallback(()=>{t("down")},[]),d=e.useCallback(()=>{t("res")},[]);return l.createElement(l.Fragment,null,l.createElement(o,{onLeftPress:s,onRightPress:a,onUpPress:c,onDownPress:r,onMiddlePress:d,middleLabel:"RES"}),l.createElement("div",{style:{marginTop:"20px",textAlign:"center"}},"Last clicked button: ",n))}},m={render:()=>{const[n,t]=e.useState("<none>"),s=e.useCallback(()=>{t("left")},[]),a=e.useCallback(()=>{t("right")},[]),c=e.useCallback(()=>{t("middle")},[]);return l.createElement(l.Fragment,null,l.createElement(o,{onLeftPress:s,onRightPress:a,onMiddlePress:c,middleLabel:"OK"}),l.createElement("div",{style:{marginTop:"20px",textAlign:"center"}},"Last clicked button: ",n))}},h={render:()=>{const[n,t]=e.useState("<none>"),s=e.useCallback(()=>{t("left")},[]),a=e.useCallback(()=>{t("right")},[]),c=e.useCallback(()=>{t("up")},[]),r=e.useCallback(()=>{t("down")},[]),d=e.useCallback(()=>{t("middle")},[]);return l.createElement("div",{style:{backgroundColor:"#f5f5f5",padding:"20px",borderRadius:"8px"}},l.createElement(o,{onLeftPress:s,onRightPress:a,onUpPress:c,onDownPress:r,onMiddlePress:d,middleLabel:"OK",className:"custom-pad"}),l.createElement("div",{style:{marginTop:"20px",textAlign:"center"}},"Last clicked button: ",n))}},p=["Default","HorizontalOnly","CustomStyled"];export{h as CustomStyled,u as Default,m as HorizontalOnly,p as __namedExportsOrder,C as default};
