In my POS UI extension, I want these two buttons to fill the entire width of the screen (i.e. half of the screen for each button). How do I do that?
This is my current code:
<s-stack gap="small" direction="inline" inlineSize="auto">
<s-button
variant="secondary"
onClick={() => navigation.navigate(SCREENS.REMOVE_CASH_SCREEN)}
disabled={currentExpectedCashAmount.isZero()}
>
{t({
de: "Bargeld entfernen",
en: "Remove cash",
})}
</s-button>
<s-button
variant="secondary"
onClick={() => navigation.navigate(SCREENS.ADD_CASH_SCREEN)}
>
{t({
de: "Bargeld hinzufügen",
en: "Add cash",
})}
</s-button>
</s-stack>
