{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"spacer-compose","type":"registry:item","title":"Spacer","description":"A Jetpack Compose layout element that inserts adjustable empty space between neighbouring children.","files":[{"path":"snippets/spacer-compose.tsx","content":"import { Host, Row, Spacer, Text, useMaterialColors } from \"@expo/ui/jetpack-compose\";\nimport { fillMaxWidth, weight } from \"@expo/ui/jetpack-compose/modifiers\";\n\nexport default function SpacerWeightExample() {\n  const colors = useMaterialColors();\n\n  return (\n    <Host matchContents={{ vertical: true }} style={{ width: \"100%\" }}>\n      <Row modifiers={[fillMaxWidth()]}>\n        <Text style={{ fontSize: 28 }} color={colors.onBackground}>\n          Left\n        </Text>\n        <Spacer modifiers={[weight(1)]} />\n        <Text style={{ fontSize: 28 }} color={colors.onBackground}>\n          Right\n        </Text>\n      </Row>\n    </Host>\n  );\n}\n","type":"registry:file","target":"~/snippets/spacer-compose.tsx"}],"author":"expo","dependencies":["@expo/ui"]}