<script lang="ts">
	import Ellipsis from "$icon/ellipsis";
	import Button from "#lib/components/ui/Button.svelte";

	interface Props {
		expanded: boolean;
		onclick: () => void;
		class?: string;
	}

	let { expanded, onclick, class: className }: Props = $props();
</script>

<Button
	variant="ghost"
	size="small"
	icon={Ellipsis}
	aria-expanded={expanded}
	aria-label="Toggle commit body"
	class="h-5 min-h-5 rounded-full {className ?? ''}"
	{onclick}
/>