<template>
    <component class="icon" :is="svg"></component>
</template>

<script>
import angleDownSolid from './angle-down-solid.vue';

export default {
    props: {
        name: {
            required: true,
        },
    },
    data({ name }) {
        const icons = {
            'angle-down-solid': angleDownSolid,
        };
        return {
            svg: icons[name],
        };
    },
};
</script>
<style scoped>
.icon {
    height: 14px;
    display: inline-block;
}
</style>
