<script lang="ts">
import { FontSearch } from '$features/GetFonts';
import SetupFontMenu from '$features/SetupFont/ui/SetupFontMenu.svelte';
import {
    Content as ItemContent,
    Root as ItemRoot,
} from '$shared/shadcn/ui/item';
</script>

<div class="w-full p-2">
    <ItemRoot variant="outline" class="w-full p-2.5">
        <ItemContent class="flex flex-row justify-center items-center">
            <SetupFontMenu />
            <FontSearch />
        </ItemContent>
    </ItemRoot>
</div>
