Pagination

# frozen_string_literal: true

module RubyUI
	class Pagination < Base
		def view_template(&)
			nav(**attrs, &)
		end

		private

		def default_attrs
			{
				aria: {label: "pagination"},
				class: "mx-auto flex w-full justify-center",
				role: "navigation"
			}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class PaginationContent < Base
		def view_template(&)
			ul(**attrs, &)
		end

		private

		def default_attrs
			{
				class: "flex flex-row items-center gap-1"
			}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class PaginationEllipsis < Base
		def view_template(&block)
			li do
				span(**attrs) do
					icon
					span(class: "sr-only") { "More pages" }
				end
			end
		end

		private

		def icon
			svg(
				xmlns: "http://www.w3.org/2000/svg",
				width: "24",
				height: "24",
				viewbox: "0 0 24 24",
				fill: "none",
				stroke: "currentColor",
				stroke_width: "2",
				stroke_linecap: "round",
				stroke_linejoin: "round",
				class: "h-4 w-4"
			) do |s|
				s.circle(cx: "12", cy: "12", r: "1")
				s.circle(cx: "19", cy: "12", r: "1")
				s.circle(cx: "5", cy: "12", r: "1")
			end
		end

		def default_attrs
			{
				aria: {hidden: true},
				class: "flex h-9 w-9 items-center justify-center"
			}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class PaginationItem < Base
		def initialize(href: "#", active: false, **attrs)
			@href = href
			@active = active
			super(**attrs)
		end

		def view_template(&block)
			li do
				a(href: @href, **attrs, &block)
			end
		end

		private

		def default_attrs
			{
				aria: {current: @active ? "page" : nil},
				class: [
					RubyUI::Button.new(variant: @active ? :outline : :ghost).attrs[:class]
				]
			}
		end
	end
end