natxocc
d900659d88
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 3s
42 lines
1.0 KiB
JavaScript
42 lines
1.0 KiB
JavaScript
// components/Chat.js
|
|
import { Tag } from "sigpro";
|
|
|
|
export const Chat = (props, children) => {
|
|
const { class: className, ...rest } = props;
|
|
return Tag("div", {
|
|
...rest,
|
|
class: `chat ${className || ''}`.trim()
|
|
}, children);
|
|
};
|
|
|
|
export const ChatImage = (props, children) => {
|
|
const { class: className, ...rest } = props;
|
|
return Tag("div", {
|
|
...rest,
|
|
class: `chat-image ${className || ''}`.trim()
|
|
}, children);
|
|
};
|
|
|
|
export const ChatHeader = (props, children) => {
|
|
const { class: className, ...rest } = props;
|
|
return Tag("div", {
|
|
...rest,
|
|
class: `chat-header ${className || ''}`.trim()
|
|
}, children);
|
|
};
|
|
|
|
export const ChatFooter = (props, children) => {
|
|
const { class: className, ...rest } = props;
|
|
return Tag("div", {
|
|
...rest,
|
|
class: `chat-footer ${className || ''}`.trim()
|
|
}, children);
|
|
};
|
|
|
|
export const ChatBubble = (props, children) => {
|
|
const { class: className, ...rest } = props;
|
|
return Tag("div", {
|
|
...rest,
|
|
class: `chat-bubble ${className || ''}`.trim()
|
|
}, children);
|
|
}; |