<!--
    #VUE3 Todo
-->

<!--
    Adds properties that describe an icon that will ultimately be used with PxIcon. This can be used
    as a mixin or just a guide for the correct pattern for expose PxIcon properties on a parent
    component.

    Usage:

    <my-component>
        <px-icon :icon="icon" v-bind="iconProps" />
    </my-component>

-->

<script>
export default {
    props: {
        /**
         * The icon for the component, either the name of an app-level icon or else the svg src for an icon.
         */
        icon: { type: String, default: null },

        /**
         * Additional customization for the icon (an object containing attributes that will be bound on the PxIcon instance). (see PxIcon for details).
         */
        iconProps: { type: Object, default: null },
    },
};
</script>
