about summary refs log tree commit diff
path: root/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx')
-rw-r--r--src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx42
1 files changed, 0 insertions, 42 deletions
diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx
deleted file mode 100644
index 651046445..000000000
--- a/src/view/com/util/post-embeds/VideoEmbedInner/web-controls/ControlButton.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react'
-import {SvgProps} from 'react-native-svg'
-
-import {atoms as a, useTheme, web} from '#/alf'
-import {PressableWithHover} from '../../../PressableWithHover'
-
-export function ControlButton({
-  active,
-  activeLabel,
-  inactiveLabel,
-  activeIcon: ActiveIcon,
-  inactiveIcon: InactiveIcon,
-  onPress,
-}: {
-  active: boolean
-  activeLabel: string
-  inactiveLabel: string
-  activeIcon: React.ComponentType<Pick<SvgProps, 'fill' | 'width'>>
-  inactiveIcon: React.ComponentType<Pick<SvgProps, 'fill' | 'width'>>
-  onPress: () => void
-}) {
-  const t = useTheme()
-  return (
-    <PressableWithHover
-      accessibilityRole="button"
-      accessibilityLabel={active ? activeLabel : inactiveLabel}
-      accessibilityHint=""
-      onPress={onPress}
-      style={[
-        a.p_xs,
-        a.rounded_full,
-        web({transition: 'background-color 0.1s'}),
-      ]}
-      hoverStyle={{backgroundColor: 'rgba(255, 255, 255, 0.2)'}}>
-      {active ? (
-        <ActiveIcon fill={t.palette.white} width={20} aria-hidden />
-      ) : (
-        <InactiveIcon fill={t.palette.white} width={20} aria-hidden />
-      )}
-    </PressableWithHover>
-  )
-}