Change filament button display/icon in alpinejs?

<div x-data="{ isReordering: false }">
    <x-filament::button
        icon="heroicon-o-arrows-up-down"
        size="xs"
        color="info"
        outlined
        x-on:click="isReordering = ! isReordering"
        x-bind:class="{ 'bg-primary-500 text-white': isReordering }"
    >
        Reorder
    </x-filament::button>
</div>