diff options
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.tsx | 42 |
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> - ) -} |