glide-design-system/src/lib/components/Divider/Divider.js

Glide design system is an open-source React component library. It offers numerous benefits that make them essential tools for design and development teams.

import React, { useEffect, useState } from "react";
import PropTypes from "prop-types";
import styles from "./divider.module.css";

const Divider = ({ style, className, ...props }) => {
  const combinedStyles = {
    margin: 0,
    ...style,
  };
  return (
    <hr
      style={combinedStyles}
      className={`${styles.divider} ${className ? className : ""}`}
      {...props}
    />
  );
};

export default Divider;