@kubit-ui-web/react-components/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import React from 'react';
import { useId } from '../../hooks/useId/useId';
import { ButtonType } from '../button/types/type';
import { ElementOrIcon } from '../elementOrIcon/elementOrIcon';
import { DigitButton } from './components/digitButton';
// styles
import { DigitButtonGrid, RemoveButtonStyled, VirtualKeyboardStyled, } from './virtualKeyboard.styled';
export const VirtualKeyboardStandAloneComponent = ({ dataTestId = 'virtual-keyboard', ...props }, ref) => {
    const uniqueId = useId('virtualKeyboard');
    const virtualKeyboardId = props.id ?? uniqueId;
    return (_jsxs(VirtualKeyboardStyled, { ref: ref, "data-testid": dataTestId, id: virtualKeyboardId, styles: props.styles?.[props.state], onBlur: props.onVirtualKeyboardBlur, onFocus: props.onVirtualKeyboardFocus, children: [_jsx(DigitButtonGrid, { styles: props.styles?.[props.state], children: props.digits.map((digit, index) => {
                    return (_jsx(DigitButton, { dataTestId: `${dataTestId}-digit-button-${index}`, digit: digit, styles: props.styles?.[props.state], onClick: props.onDigitButtonClick }, digit));
                }) }), _jsx(RemoveButtonStyled, { styles: props.styles?.[props.state], type: ButtonType.BUTTON, onClick: props.onRemoveButtonClick, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.[props.state]?.container?.icon, ...props.icon }) })] }));
};
/**
 * @description
 * VirtualKeyboardStandAlone component
 */
export const VirtualKeyboardStandAlone = React.forwardRef(VirtualKeyboardStandAloneComponent);
//# sourceMappingURL=virtualKeyboardStandAlone.js.map