@workday/canvas-kit-react/dist/es6/pagination/lib/Pagination/GoTo/Form.js

The parent module that contains all Workday Canvas Kit React components

import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import { createComponent } from '@workday/canvas-kit-react/common';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
import { createStencil } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
import { PaginationContext } from '../usePaginationModel';
import { GoToContext, useGoToForm } from './useGoToForm';
export const paginationGoToFormStencil = createStencil({
    base: { name: "3f0dsq", styles: "box-sizing:border-box;display:flex;align-items:center;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));margin-inline-start:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));:dir(rtl){padding-inline:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));}" }
}, "pagination-go-to-form-0e353a");
export const GoToForm = createComponent('form')({
    Component({ children, onSubmit, ...elemProps }, ref, Element) {
        const model = React.useContext(PaginationContext);
        const goToContext = useGoToForm({ model, onSubmit });
        const { formProps } = goToContext;
        return (_jsx(GoToContext.Provider, { value: goToContext, children: _jsx(Element, { ref: ref, ...mergeStyles({ ...formProps, ...elemProps }, paginationGoToFormStencil()), children: children }) }));
    },
});