@redocly/theme
Version:
Shared UI components lib
24 lines (23 loc) • 1.33 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DirectionRightIcon = void 0;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const utils_1 = require("../../core/utils");
const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
react_1.default.createElement("path", { d: "M9.5 4L8.79295 4.70705L11.0859 7H5C4.73478 7 4.48043 7.10536 4.29289 7.29289C4.10536 7.48043 4 7.73478 4 8V14H5V8H11.0859L8.79295 10.2929L9.5 11L13 7.5L9.5 4Z", fill: "#1A1C21" }),
react_1.default.createElement("path", { d: "M5 2H4V6H5V2Z", fill: "#1A1C21" })));
exports.DirectionRightIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
'data-component-name': 'icons/DirectionRightIcon/DirectionRightIcon',
})) `
path {
fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
}
height: ${({ size }) => size || '16px'};
width: ${({ size }) => size || '16px'};
vertical-align: middle;
`;
//# sourceMappingURL=DirectionRightIcon.js.map