import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { Icon } from './Icon';
export const Arrow = memo(function Arrow(props) {
    const { direction = 'bottom', ...iconProps } = props;
    const rotate = rotationByDirection[direction];
    return (_jsx(Icon, { ...iconProps, children: _jsx("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { style: { transformOrigin: 'center', transform: `rotate(${rotate}deg)` }, d: "M13.772 10.222 9.1 5.55 8 4.45l-1.1 1.1-4.672 4.672a.776.776 0 1 0 1.1 1.1L8 6.649l4.673 4.673a.777.777 0 1 0 1.1-1.1Z" }) }) }));
});
const rotationByDirection = {
    bottom: -180,
    left: -90,
    top: 0,
    right: 90,
};
//# sourceMappingURL=Arrow.js.map