<template>
    <button
        v-tooltip="`speichern`"
        :form="form"
        type="submit"
        class="flex items-center transition-all justify-center w-8 h-8 bg-primary-700 hover:bg-primary-600 rounded group-[.is-toolbar]:bg-transparent group-[.is-toolbar]:items-start"
    >
        <ui-sprite class="w-4 h-4 text-white group-[.is-toolbar]:w-6 group-[.is-toolbar]:h-6 group-[.is-toolbar]:text-zinc-400" src="save"></ui-sprite>
    </button>
</template>

<script>
export default {
    props: {
        form: {
            required: true,
        },
    },
};
</script>
