forked from Workday/canvas-kit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
RTL.tsx
26 lines (24 loc) · 938 Bytes
/
RTL.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
import React from 'react';
import {SecondaryButton, DeleteButton} from '@workday/canvas-kit-react/button';
import {CanvasProvider, ContentDirection} from '@workday/canvas-kit-react/common';
import {Popup} from '@workday/canvas-kit-react/popup';
import {Box, HStack} from '@workday/canvas-kit-react/layout';
export const RTL = () => {
return (
<CanvasProvider theme={{canvas: {direction: ContentDirection.RTL}}}>
<Popup.Card width={400}>
<Popup.CloseIcon aria-label="סגור" />
<Popup.Heading>למחוק פריט</Popup.Heading>
<Popup.Body>
<Box as="p" marginTop="zero">
האם ברצונך למחוק פריט זה
</Box>
<HStack spacing="s">
<DeleteButton>לִמְחוֹק</DeleteButton>
<SecondaryButton>לְבַטֵל</SecondaryButton>
</HStack>
</Popup.Body>
</Popup.Card>
</CanvasProvider>
);
};