Skip to content

Commit 4b95e5d

Browse files
chore: remove provider from dev examples
1 parent dd315a8 commit 4b95e5d

File tree

1 file changed

+0
-49
lines changed

1 file changed

+0
-49
lines changed

src/App.tsx

Lines changed: 0 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,11 @@
11
/* eslint-disable jsx-a11y/no-static-element-interactions */
22
/* eslint-disable jsx-a11y/click-events-have-key-events */
33
import { TooltipController as Tooltip } from 'components/TooltipController'
4-
import { TooltipProvider, TooltipWrapper } from 'components/TooltipProvider'
54
import { IPosition } from 'components/Tooltip/TooltipTypes.d'
65
import { useState } from 'react'
76
import styles from './styles.module.css'
87
import { inline, offset } from './index'
98

10-
function WithProviderMinimal() {
11-
return (
12-
<section style={{ marginTop: '50px' }}>
13-
<p>
14-
<TooltipWrapper place="bottom" content="Shared Global Tooltip">
15-
<button>Provider 1</button>
16-
</TooltipWrapper>
17-
<TooltipWrapper place="right" content="Shared Global Tooltip">
18-
<button>Provider 2</button>
19-
</TooltipWrapper>
20-
</p>
21-
<Tooltip clickable>
22-
<button
23-
onClick={() => {
24-
// eslint-disable-next-line no-console
25-
console.log('button clicked')
26-
}}
27-
>
28-
button
29-
</button>
30-
</Tooltip>
31-
</section>
32-
)
33-
}
34-
35-
function WithProviderMultiple() {
36-
return (
37-
<section style={{ marginTop: '50px' }}>
38-
<p>
39-
<TooltipWrapper tooltipId="tooltip-provider-multiple-1" place="bottom">
40-
<button>Provider multiple 1</button>
41-
</TooltipWrapper>
42-
<TooltipWrapper tooltipId="tooltip-provider-multiple-2" place="right">
43-
<button>Provider multiple 2</button>
44-
</TooltipWrapper>
45-
</p>
46-
<Tooltip id="tooltip-provider-multiple-1" content="Tooltip 1" />
47-
<Tooltip id="tooltip-provider-multiple-2" content="Tooltip 2" />
48-
</section>
49-
)
50-
}
51-
529
function App() {
5310
const [anchorId, setAnchorId] = useState('button')
5411
const [isDarkOpen, setIsDarkOpen] = useState(false)
@@ -136,12 +93,6 @@ function App() {
13693
Tooltip content
13794
</Tooltip>
13895
</section>
139-
<TooltipProvider>
140-
<WithProviderMinimal />
141-
</TooltipProvider>
142-
<TooltipProvider>
143-
<WithProviderMultiple />
144-
</TooltipProvider>
14596
<div style={{ display: 'flex', gap: '12px', flexDirection: 'row' }}>
14697
<div>
14798
<div

0 commit comments

Comments
 (0)