import { createUniqueId } from "solid-js";
import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";

export const IconArrowExpandHor = (props: CentralIconBaseProps) => {
  const maskId = "square-outlined-radius-0-stroke-1-IconArrowExpandHor-" + createUniqueId();
  // Prevent reactive attributes from clearing innerHTML via a children update.
  // Keep innerHTML before children so SSR uses the SVG markup.
  return <svg {...svgAttrs({ ...props, ariaLabel: "arrow-expand-hor" })} innerHTML={maskInner("<path d=\"M17.5 8L21.5 12L17.5 16\" stroke=\"currentColor\" stroke-linecap=\"square\"/><path d=\"M6.5 8L2.5 12L6.5 16\" stroke=\"currentColor\" stroke-linecap=\"square\"/><path d=\"M3 12H21\" stroke=\"currentColor\" stroke-linecap=\"square\"/>", maskId, props.mode)} children={null} />;
};

export default IconArrowExpandHor;