UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

20 lines (19 loc) 772 B
import React from 'react'; import { createElemPropsHook, createSubcomponent, } from '@workday/canvas-kit-react/common'; import { Menu } from '@workday/canvas-kit-react/menu'; import { useComboboxModel } from './hooks/useComboboxModel'; /** * This hook sets the `minWidth` style attribute to match the width of the * {@link ComboboxInput Combobox.Input} component. */ export const useComboboxCard = createElemPropsHook(useComboboxModel)(model => { return { minWidth: model.state.width, }; }); export const ComboboxCard = createSubcomponent('div')({ modelHook: useComboboxModel, elemPropsHook: useComboboxCard, })(({ children, ...elemProps }, Element) => { return (React.createElement(Menu.Card, { as: Element, ...elemProps }, children)); });