import { html } from "lit";
import { styleMap } from "lit/directives/style-map.js";
//#region src/components/lukso-icon/icons/expand.ts
var expand = (options) => {
	return html`<svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    style=${styleMap({
		width: `${options.width}px`,
		height: `${options.height}px`
	})}
  >
    <path
      d="M4 12V7C4 5.34315 5.34315 4 7 4H12M20 12V17C20 18.6569 18.6569 20 17 20H12"
      stroke="var(--${options.color})"
      stroke-width="${options.strokeWidth}"
      stroke-linecap="round"
    />
    <path
      d="M19.9999 8C19.9999 6.17755 20 4 20 4H16"
      stroke="var(--${options.color})"
      stroke-width="${options.strokeWidth}"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <path
      d="M14 10L20 4"
      stroke="var(--${options.color})"
      stroke-width="${options.strokeWidth}"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <path
      d="M4.00007 16C4.00007 17.8224 4 20 4 20L8 20"
      stroke="var(--${options.color})"
      stroke-width="${options.strokeWidth}"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <path
      d="M10 14L4 20"
      stroke="var(--${options.color})"
      stroke-width="${options.strokeWidth}"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
  </svg> `;
};
//#endregion
export { expand };
