/**
 * GnList - Container for list items.
 */

import { defineComponent, h, computed } from "vue";
import { cx } from "../utils.js";

export default defineComponent({
	name: "GnList",
	props: {
		compact: { type: Boolean, default: false },
		flush: { type: Boolean, default: false },
		divided: { type: Boolean, default: false }
	},
	setup(props, { slots }) {
		const classes = computed(() => cx("list", {
			"list-compact": props.compact,
			"list-flush": props.flush,
			"list-divided": props.divided
		}));

		return () => h("ul", { class: classes.value }, slots.default?.());
	}
});