import React from "react";
import type { ComponentProps } from "react";
import { Card, Content, Text } from "@jobber/components-native";

export function CardElevationExample(
  props: Partial<ComponentProps<typeof Card>>,
) {
  return (
    <Content spacing="none" direction="horizontal">
      <Card header={{ title: "Properties" }}>
        <Content>
          <Card elevation="base" {...props}>
            <Content childSpacing="none">
              <Text>10130 103 St NW</Text>
              <Text>Edmonton, Alberta</Text>
              <Text>T5J 3N9</Text>
            </Content>
          </Card>
          <Card elevation="base" {...props}>
            <Content childSpacing="none">
              <Text>10520 Jasper Ave NW</Text>
              <Text>Edmonton, Alberta</Text>
              <Text>T5J 3N9</Text>
            </Content>
          </Card>
        </Content>
      </Card>
    </Content>
  );
}