AbiirSkincare/Hydrogen/studio/components/inputs/ProductVariantHidden.tsx

25 lines
686 B
TypeScript

import {WarningOutlineIcon} from '@sanity/icons'
import {Box, Card, Flex, Stack, Text} from '@sanity/ui'
export default function ProductVariantHiddenInput() {
return (
<Card padding={4} radius={2} shadow={1} tone="critical">
<Flex align="flex-start">
<Text size={2}>
<WarningOutlineIcon />
</Text>
<Box flex={1} marginLeft={3}>
<Box>
<Text size={2} weight="semibold">
This variant is hidden
</Text>
</Box>
<Stack marginTop={4} space={2}>
<Text size={1}>It has been deleted from Shopify</Text>
</Stack>
</Box>
</Flex>
</Card>
)
}