interface BRProps {
  lg?: boolean;
  md?: boolean;
  sm?: boolean;
  className?: string;
}

export default function BR({ lg, md, sm, className }: BRProps) {
  const modifier =
    !lg && !md && !sm
      ? ""
      : `lg:${lg ? `block` : "hidden"} md:${md ? "block" : "hidden"} ${
          sm ? "block" : "hidden"
        } `;
  const combinedClassName = `${modifier} ${className ?? ""}`;

  return <br className={combinedClassName} />;
}
