@yamada-ui/autocomplete
Version:
Yamada UI autocomplete component
64 lines (62 loc) • 2.06 kB
JavaScript
"use client"
import {
useAutocompleteEmpty
} from "./chunk-NC62LKUX.mjs";
import {
AutocompleteItemIcon
} from "./chunk-GCATFLFE.mjs";
import {
useAutocompleteContext
} from "./chunk-X5V76SN2.mjs";
// src/autocomplete-empty.tsx
import { forwardRef, ui } from "@yamada-ui/core";
import { cx } from "@yamada-ui/utils";
import { jsx, jsxs } from "react/jsx-runtime";
var AutocompleteEmpty = forwardRef(
({ className, children, icon, ...rest }, ref) => {
const { emptyMessage, styles } = useAutocompleteContext();
const { getEmptyProps } = useAutocompleteEmpty();
children != null ? children : children = emptyMessage;
const css = {
alignItems: "center",
color: "inherit",
display: "flex",
flex: "0 0 auto",
gap: "0.75rem",
outline: 0,
pointerEvents: "none",
textAlign: "start",
textDecoration: "none",
userSelect: "none",
width: "100%",
...styles.item
};
return /* @__PURE__ */ jsxs(
ui.div,
{
className: cx("ui-autocomplete__item--empty", className),
__css: css,
...getEmptyProps(rest, ref),
children: [
icon !== null ? /* @__PURE__ */ jsx(AutocompleteItemIcon, { children: icon || /* @__PURE__ */ jsx(AutocompleteMinusIcon, {}) }) : null,
icon ? /* @__PURE__ */ jsx(ui.span, { style: { flex: 1, pointerEvents: "none" }, lineClamp: 1, children }) : children
]
}
);
}
);
AutocompleteEmpty.displayName = "AutocompleteEmpty";
AutocompleteEmpty.__ui__ = "AutocompleteEmpty";
var AutocompleteMinusIcon = () => /* @__PURE__ */ jsx("svg", { height: "1em", viewBox: "0 0 448 512", width: "1em", children: /* @__PURE__ */ jsx(
"path",
{
d: "M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z",
fill: "currentColor"
}
) });
AutocompleteMinusIcon.displayName = "AutocompleteMinusIcon";
AutocompleteMinusIcon.__ui__ = "AutocompleteMinusIcon";
export {
AutocompleteEmpty
};
//# sourceMappingURL=chunk-UHODLDEV.mjs.map