UNPKG

@rkosafo/cai.components

Version:

This package is under development and not ready for public use.

115 lines (114 loc) • 3.84 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
export declare const ACTION_BUTTON_KINDS: { readonly generic: { readonly icon: "solar:verified-check-bold"; readonly iconBgColor: "bg-green-300"; readonly iconSize: 25; readonly iconColor: "text-gray-800"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; readonly enquiries: { readonly icon: "entypo:chat"; readonly iconBgColor: "bg-orange-300"; readonly iconSize: 25; readonly iconColor: "text-orange-800"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; readonly accept: { readonly icon: "ph:check-circle"; readonly iconBgColor: "bg-green-300"; readonly iconSize: 25; readonly iconColor: "text-gray-800"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; readonly approve: { readonly icon: "ph:check-circle"; readonly iconBgColor: "bg-green-300"; readonly iconSize: 25; readonly iconColor: "text-gray-800"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; readonly reject: { readonly icon: "ph:x-circle"; readonly iconBgColor: "bg-red-400"; readonly iconSize: 25; readonly iconColor: "text-white"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; readonly transfer: { readonly icon: "mdi:file-sync"; readonly iconBgColor: "bg-sky-300"; readonly iconSize: 25; readonly iconColor: "text-gray-800"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; readonly recommendation: { readonly icon: "material-symbols:recommend-outline"; readonly iconBgColor: "bg-yellow-300"; readonly iconSize: 25; readonly iconColor: "text-gray-800"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; readonly file: { readonly icon: "ph:file-text"; readonly iconBgColor: "bg-gray-200"; readonly iconSize: 25; readonly iconColor: "text-gray-800"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; readonly form: { readonly icon: "game-icons:archive-register"; readonly iconBgColor: "bg-teal-100"; readonly iconSize: 25; readonly iconColor: "text-blue-800"; readonly label: ""; readonly subLabel: ""; readonly showBg: true; readonly showArrow: false; readonly showIconHover: true; readonly moreHeight: false; }; }; import { type ActionButtonProps } from '../../index.js'; declare const ActionButton: import("svelte").Component<ActionButtonProps, {}, "">; type ActionButton = ReturnType<typeof ActionButton>; export default ActionButton;