@dialpad/dialtone-icons/vue3/dist/components/icons/highfive.js

Dialtone icon library

import { t as e } from "../../constants-B7fXbm2f.js";
import { t } from "../../_plugin-vue_export-helper-B52Kst-M.js";
import { createElementBlock as n, createStaticVNode as r, normalizeClass as i, openBlock as a } from "vue";
//#region ../src/icons/highfive.vue
var o = {
	name: "DtIconHighfive",
	props: {
		size: {
			type: String,
			default: "500",
			validator: (t) => Object.keys(e).includes(t)
		},
		ariaLabel: {
			type: String,
			default: void 0
		}
	},
	emits: ["loaded"],
	computed: {
		iconSizeClass() {
			return e[this.size];
		},
		ariaHidden() {
			return this.ariaLabel ? "false" : "true";
		},
		dataQA() {
			return this.$attrs["data-qa"] ?? "dt-icon";
		}
	},
	created() {
		this.$emit("loaded");
	}
}, s = [
	"aria-label",
	"data-qa",
	"aria-hidden"
];
function c(e, t, o, c, l, u) {
	return a(), n("svg", {
		"aria-label": o.ariaLabel,
		class: i([u.iconSizeClass, "d-icon d-icon--highfive"]),
		"data-qa": u.dataQA,
		"aria-hidden": u.ariaHidden,
		role: "img",
		"data-name": "Highfive",
		viewBox: "0 0 24 24",
		xmlns: "http://www.w3.org/2000/svg"
	}, [...t[0] || (t[0] = [r("<path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z\" fill=\"#fff\"></path><path d=\"m6.762 17.235-1.833 1.833a9.968 9.968 0 0 0 7.07 2.928v-2.595a7.37 7.37 0 0 1-5.237-2.166Z\" fill=\"#F7AFFF\"></path><path d=\"M4.595 11.998a7.405 7.405 0 0 1 7.407-7.406V2C6.478 2 2 6.478 2 11.998a9.967 9.967 0 0 0 2.929 7.07l1.833-1.833a7.379 7.379 0 0 1-2.167-5.237Z\" fill=\"#A26EEA\"></path><path d=\"m17.235 6.762 1.833-1.833A9.968 9.968 0 0 0 11.998 2v2.595c2.046 0 3.897.826 5.237 2.167Z\" fill=\"#46B7FD\"></path><path d=\"M22 11.998a9.967 9.967 0 0 0-2.929-7.07l-1.833 1.834a7.405 7.405 0 0 1-5.237 12.643V22C17.523 22 22 17.522 22 11.998Z\" fill=\"#5D70EA\"></path><path d=\"M11.998 14.296a2.297 2.297 0 1 0 0-4.595 2.297 2.297 0 0 0 0 4.595Z\" fill=\"currentColor\"></path>", 6)])], 10, s);
}
var l = /* @__PURE__ */ t(o, [["render", c]]);
//#endregion
export { l as default };

//# sourceMappingURL=highfive.js.map