-
Notifications
You must be signed in to change notification settings - Fork 114
/
ChatBookend.tsx
42 lines (38 loc) · 1.13 KB
/
ChatBookend.tsx
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
import { Box, safelySpreadBoxProps } from "@twilio-paste/box";
import type { BoxElementProps } from "@twilio-paste/box";
import type { HTMLPasteProps } from "@twilio-paste/types";
import * as React from "react";
export interface ChatBookendProps extends HTMLPasteProps<"div"> {
children?: React.ReactNode;
/**
* Overrides the default element name to apply unique styles with the Customization Provider
*
* @default "CHAT_BOOKEND"
* @type {BoxProps["element"]}
* @memberof ChatBookendProps
*/
element?: BoxElementProps["element"];
}
const ChatBookend = React.forwardRef<HTMLDivElement, ChatBookendProps>(
({ children, element = "CHAT_BOOKEND", ...props }, ref) => {
return (
<Box
{...safelySpreadBoxProps(props)}
as="div"
role="listitem"
color="colorTextWeak"
element={element}
textAlign="center"
marginBottom="space20"
lineHeight="lineHeight20"
fontSize="fontSize20"
fontWeight="fontWeightMedium"
ref={ref}
>
{children}
</Box>
);
},
);
ChatBookend.displayName = "ChatBookend";
export { ChatBookend };