UNPKG

1.33 kBJavaScriptView Raw
1"use strict";
2var __importDefault = (this && this.__importDefault) || function (mod) {
3 return (mod && mod.__esModule) ? mod : { "default": mod };
4};
5Object.defineProperty(exports, "__esModule", { value: true });
6exports.Chevron = Chevron;
7const react_1 = __importDefault(require("react"));
8/**
9 * Render the chevron icon used in the navigation buttons and dropdowns.
10 *
11 * @group Components
12 * @see https://daypicker.dev/guides/custom-components
13 */
14function Chevron(props) {
15 const { size = 24, orientation = "left", className } = props;
16 return (react_1.default.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
17 orientation === "up" && (react_1.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
18 orientation === "down" && (react_1.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
19 orientation === "left" && (react_1.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
20 orientation === "right" && (react_1.default.createElement("polygon", { points: "8 18.612 14.1888889 12.5 8 6.37733333 9.91111111 4.5 18 12.5 9.91111111 20.5" }))));
21}
22//# sourceMappingURL=Chevron.js.map
\No newline at end of file