appbaseio/reactivesearch

View on GitHub
packages/vue/src/components/shared/CancelSvg.js

Summary

Maintainability
A
0 mins
Test Coverage
import types from '../../utils/vueTypes';

const CancelSvg = {
    name: 'CancelSvg',
    functional: true,
    props: {
        onClick: types.func
    },
    render(createElement, context) {
        const { props } = context;
        return (
            <svg
                alt="Clear"
                class="cancel-icon"
                height="10"
                onclick={props.onClick}
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 212.982 212.982"
            >
                <title>Clear</title>
                <path
                    d="M131.804,106.491l75.936-75.936c6.99-6.99,6.99-18.323,0-25.312
            c-6.99-6.99-18.322-6.99-25.312,0l-75.937,75.937L30.554,5.242c-6.99-6.99-18.322-6.99-25.312,0c-6.989,6.99-6.989,18.323,0,25.312
            l75.937,75.936L5.242,182.427c-6.989,6.99-6.989,18.323,0,25.312c6.99,6.99,18.322,6.99,25.312,0l75.937-75.937l75.937,75.937
            c6.989,6.99,18.322,6.99,25.312,0c6.99-6.99,6.99-18.322,0-25.312L131.804,106.491z"
                />
            </svg>
        );
    }
};
CancelSvg.install = function(Vue) {
    Vue.component(CancelSvg.name, CancelSvg);
};

export default CancelSvg;