@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
20 lines (19 loc) • 772 B
JavaScript
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));
});