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

type DividerProps = ComponentProps<typeof Divider>;

export function DividerHorizontal(props: Partial<DividerProps>) {
  return (
    <View
      style={{
        display: "flex",
        gap: 16,
      }}
    >
      <Content>Some amazing content</Content>
      <Divider size="base" direction="horizontal" {...props} />
      <Content>Even more amazing content</Content>
    </View>
  );
}