import { Card, BlockStack, Text, Box, List } from "@shopify/polaris";

export function TechStackCard() {
  return (
    <Card>
      <BlockStack gap="200">
        <Text as="h2" variant="headingMd">
          Tech Stack
        </Text>
        <Box paddingBlockStart="200">
          <Text as="p" variant="bodyMd" tone="subdued">
            This app is running 100% database-less, powered only by Shopify.
          </Text>
        </Box>
        <List type="bullet">
          <List.Item>Storage: Shopify Metaobjects</List.Item>
          <List.Item>Auth: App Proxy & Admin API</List.Item>
          <List.Item>Design: Shopify Polaris</List.Item>
        </List>
      </BlockStack>
    </Card>
  );
}