@ui5/webcomponents-react/wrappers/webComponents/CalendarLegendItem/index.js

React Wrapper for UI5 Web Components and additional components

'use client';

import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
 * Each `CalendarLegendItem` represents a legend item, displaying a color with a label.
 * The color is determined by the `type` property and the label by the `text` property.
 * If a `SpecialCalendarDate` is used within the `Calendar` and a type is set, clicking on a `CalendarLegendItem`
 * with the same type will emphasize the respective date(s) in the calendar.
 *
 * ### Usage
 * The `CalendarLegendItem` is intended to be used within the `CalendarLegend` component.
 *
 *
 *
 * __Note:__ This is a UI5 Web Component! [CalendarLegendItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/CalendarLegendItem) | [Repository](https://github.com/UI5/webcomponents)
 *
 * @since [1.23.0](https://github.com/UI5/webcomponents/releases/tag/v1.23.0) of __@ui5/webcomponents__.
 */
const CalendarLegendItem = withWebComponent('ui5-calendar-legend-item', ['text', 'type'], [], [], []);
CalendarLegendItem.displayName = 'CalendarLegendItem';
export { CalendarLegendItem };