Reshaped Divider

import { Badge, Reshaped, View } from "reshaped/bundle";
import Divider from "@/components/ui/reshaped-divider";

export default function Demo() {
  return (
    <Reshaped theme="slate">
      <div style={{ maxWidth: 400, width: "100%", margin: "0 auto", padding: 24 }}>
        <View gap={4}>
          <Divider>or login with other accounts</Divider>
          <Divider contentPosition="start">
            <Badge color="primary" variant="faded">
              Free tier
            </Badge>
          </Divider>
        </View>
      </div>
    </Reshaped>
  );
}