-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathButtonSetting.tsx
More file actions
33 lines (29 loc) · 919 Bytes
/
ButtonSetting.tsx
File metadata and controls
33 lines (29 loc) · 919 Bytes
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
import { cls } from "@/lib/utils";
import { FaPlus } from "react-icons/fa6";
export const PlusIcon = () => {
return (
<span className="flex size-[22px] items-center justify-center rounded bg-violet02">
<FaPlus className="size-2.5 text-violet01" />
</span>
);
};
export const BaseBtn = (props: any) => {
return (
<button
type={props.type}
onClick={props.onClick}
className={cls("overflow-hidden rounded-lg border border-gray03 bg-white", props.extra)}
disabled={props.disabled}
>
{props.children}
</button>
);
};
export const Content = (props: any) => {
return (
<p className={cls("flex items-center justify-center gap-3 border-transparent", props.extra)}>{props.children}</p>
);
};
export const ContentLeftAlign = (props: any) => {
return <p className={cls("flex items-center border-transparent pl-5", props.extra)}>{props.children}</p>;
};