import { Box } from "@saleor/macaw-ui/next";
import React from "react";

/**
 * @deprecated use `Divider` component from `@saleor/macaw-ui/next`
 */
export const Hr: React.FC<{
  className?: string;
}> = ({ className }) => (
  <Box
    as="hr"
    className={className}
    backgroundColor="surfaceNeutralDepressed"
    borderWidth={0}
    width="100%"
    height="px"
  />
);

Hr.displayName = "Hr";
export default Hr;