nice-ui
Version:
React design system, components, and utilities
36 lines (35 loc) • 1.03 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const nano_theme_1 = require("nano-theme");
const h = React.createElement;
const style = (0, nano_theme_1.drule)({
trs: 'transform .3s',
path: {
fill: 'none',
stroke: nano_theme_1.lightTheme.g(0.4),
strokeWidth: '2px',
strokeLinecap: 'round',
},
});
const Arrow = ({ direction, ...rest }) => {
const css = {};
if (direction !== 'u') {
let deg = 90;
switch (direction) {
case 'd':
deg = 180;
break;
case 'l':
deg = 270;
break;
}
css.transform = `rotate(${deg}deg)`;
}
const className = style(css);
return h('svg', { ...rest, className: (rest.className ?? '') + className, viewBox: '0 0 32 32' }, h('path', { d: 'M10 18 L16 12 L22 18' }, h('animate', {
attributeName: 'd',
dur: '300ms',
})));
};
exports.default = Arrow;