defmodule MoonBackofficeWeb.Hatching do
  @moduledoc false
  use Phoenix.Component

  attr :className, :string, default: ""
  attr :patternId, :string, required: true

  def hatching(assigns) do
    ~H"""
    <div class={"relative " <> @className}>
      <svg class="absolute inset-0 h-full w-full" stroke="currentColor" fill="none">
        <defs>
          <pattern id={@patternId} x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
            <path d="M-3 13 15-5M-5 5l18-18M-1 21 17 3"></path>
          </pattern>
        </defs>
        <rect stroke="none" fill={"url(##{@patternId})"} width="100%" height="100%"></rect>
      </svg>
    </div>
    """
  end
end