import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconAlignCenterHorizontallyOutline = forwardRef<
  SVGSVGElement,
  IconProps
>(({ color = "currentColor", ...props }, forwardedRef) => {
  const { className } = props;
  props = {
    ...props,
    width: `${props.width || props.size || 20}`,
    height: `${props.height || props.size || 20}`,
    className: `${
      className ? className + " " : ""
    }customeow-icon customeow-icon-icon-align-center-horizontally-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M10.75 4C10.75 3.58579 10.4142 3.25 10 3.25 9.58579 3.25 9.25 3.58579 9.25 4L9.25 16C9.25 16.4142 9.58579 16.75 10 16.75 10.4142 16.75 10.75 16.4142 10.75 16L10.75 4ZM15.1119 7.36719C15.4048 7.66009 15.4048 8.13496 15.1119 8.42785L14.2897 9.25H17.9297C18.3439 9.25 18.6797 9.58579 18.6797 10 18.6797 10.4142 18.3439 10.75 17.9297 10.75H14.2897L15.1119 11.5721C15.4048 11.865 15.4048 12.3399 15.1119 12.6328 14.819 12.9257 14.3441 12.9257 14.0512 12.6328L11.9487 10.5303C11.6558 10.2374 11.6558 9.76256 11.9487 9.46967L14.0512 7.36719C14.3441 7.0743 14.819 7.0743 15.1119 7.36719ZM4.88953 8.42919 5.71034 9.25H2.07037C1.65616 9.25 1.32037 9.58579 1.32037 10 1.32037 10.4142 1.65616 10.75 2.07037 10.75H5.71034L4.88953 11.5708C4.59664 11.8637 4.59664 12.3386 4.88953 12.6315 5.18242 12.9244 5.6573 12.9244 5.95019 12.6315L8.05133 10.5303C8.34422 10.2374 8.34422 9.76256 8.05133 9.46967L5.95019 7.36853C5.6573 7.07564 5.18242 7.07564 4.88953 7.36853 4.59664 7.66143 4.59664 8.1363 4.88953 8.42919Z"
        fill={color}
      />
    </svg>
  );
});

IconAlignCenterHorizontallyOutline.displayName =
  "IconAlignCenterHorizontallyOutline";

export default IconAlignCenterHorizontallyOutline;