ente/web/packages/accounts/components/two-factor/styledComponents.ts

import { VerticallyCentered } from "@ente/shared/components/Container";
import { styled } from "@mui/material";
export const QRCode = styled("img")(
    ({ theme }) => `
    height: 200px;
    width: 200px;
    margin: ${theme.spacing(2)};
`,
);

export const LoadingQRCode = styled(VerticallyCentered)(
    ({ theme }) => `
    width:200px;
    aspect-ratio:1;
    border: 1px solid ${theme.palette.grey.A200};
    margin: ${theme.spacing(2)};
    `,
);