DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
19 lines
No EOL
1.1 KiB
Text
19 lines
No EOL
1.1 KiB
Text
import React from "react";
|
|
import { UI } from "../UI.js";
|
|
/**
|
|
* Render a dropdown component for navigation in the calendar.
|
|
*
|
|
* @group Components
|
|
* @see https://daypicker.dev/guides/custom-components
|
|
*/
|
|
export function Dropdown(props) {
|
|
const { options, className, components, classNames, ...selectProps } = props;
|
|
const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
|
|
const selectedOption = options?.find(({ value }) => value === selectProps.value);
|
|
return (React.createElement("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
|
|
React.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => (React.createElement(components.Option, { key: value, value: value, disabled: disabled }, label)))),
|
|
React.createElement("span", { className: classNames[UI.CaptionLabel], "aria-hidden": true },
|
|
selectedOption?.label,
|
|
React.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] }))));
|
|
}
|
|
//# sourceMappingURL=Dropdown.js.map |