mirror of
https://github.com/ente-io/ente.git
synced 2025-06-13 12:08:56 +00:00
18 lines
514 B
TypeScript
18 lines
514 B
TypeScript
import { Button, styled, type ButtonProps } from "@mui/material";
|
|
import React from "react";
|
|
|
|
export const RippleDisabledButton: React.FC<ButtonProps> = (props) => (
|
|
<Button disableRipple {...props} />
|
|
);
|
|
|
|
/**
|
|
* A MUI {@link Button} that shows a keyboard focus indicator, e.g. when the
|
|
* user tabs to it
|
|
*/
|
|
export const FocusVisibleButton = styled(RippleDisabledButton)`
|
|
&.Mui-focusVisible {
|
|
outline: 1px solid ${(props) => props.theme.colors.stroke.base};
|
|
outline-offset: 2px;
|
|
}
|
|
`;
|