/**
 * The Divider component is used to create a horizontal line or divider with a specific
 * background color based on the provided className prop.
 *
 * @param {Object} props - Props that are passed to the Divider component.
 * @param {string} props.className - Additional CSS classes to apply to the divider.
 * @returns {JSX.Element} - Rendered Divider component.
 */
const Divider = (props) => <div className={`h-1 bg-gray_r-4 ${props.className}`} />

Divider.defaultProps = {
  className: ''
}

export default Divider
