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

type HeadingProps = ComponentProps<typeof Heading>;

export function HeadingLevels(props: Partial<HeadingProps>) {
  return (
    <Content>
      <Heading level="title" {...props}>
        New client
      </Heading>
      <Divider size="base" />
      <Heading level="subtitle">Client details</Heading>
      <Divider size="base" />
      <Heading level="heading">Additional details</Heading>
      <Divider size="base" />
      <Heading level="subHeading">Receives SMS</Heading>
    </Content>
  );
}