"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const deps_1 = require("atoms/Icons/deps");
const Vector_1 = __importDefault(require("atoms/Vector"));
// @todo?
const wording = {
    vectorClassName: 'arrow-up up-arrow up up',
    title: 'Arrow Icon (upward facing)',
    description: 'An arrow head, pointing upwards (similar to the shape of a "^").',
    identifier: 'arrow-up',
};
const color = '#1E1E1E';
exports.UpArrowWrap = styled.div.attrs({
    className: 'arrow-wrapper',
}) `
  width: rem(24);
  height: rem(24);
  display: flex;
  align-items: center;
  justify-content: center;
`;
class UpArrow extends react_1.default.PureComponent {
    render() {
        const identifier = deps_1.fromPropsToIdentifier(wording);
        // const { color } = this.props
        return (react_1.default.createElement(exports.UpArrowWrap, null,
            react_1.default.createElement(Vector_1.default, Object.assign({ width: "15px", height: "9px" }, wording, this.props, { viewBox: "0 0 15 9", namespace: identifier }),
                react_1.default.createElement("path", { d: "M7.5 3.63L13.4 9 15 6.9 7.5 0 0 6.9l1.63 2.06z", fill: color, fillRule: "evenodd" }))));
    }
}
exports.UpArrow = UpArrow;
exports.default = UpArrow;
//# sourceMappingURL=UpArrow.js.map