For discussing the development and usage of Checkout UI extensions, post-purchase extensions, web pixels, Customer Accounts UI extensions, and POS UI extensions
target: purchase.checkout.reductions.render-after
<View padding="base" border="base" borderWidth="medium" cornerRadius="base">
<InlineLayout columns={["fill", "10%"]}>
<View>
<Text appearance="critical">{message}</Text>
</View>
<View inlineAlignment="end" padding={["small500", "none", "none", "none"]}>
<Pressable onPress={() => setMessage("")}>
<Icon source="close" size="small" />
</Pressable>
</View>
</InlineLayout>
</View>
How to styled those given component above?