kunthawat/ALwrity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AI podcast project

Browse Source
This commit is contained in:
ajaysi
2025-12-16 16:25:52 +05:30
parent eba5210577
commit 1d745c9bc8
50 changed files with 7637 additions and 2813 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/components/PodcastMaker/ui/SecondaryButton.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { Button, Tooltip, CircularProgress, alpha } from "@mui/material";
import { Button, Tooltip, CircularProgress, alpha, SxProps, Theme } from "@mui/material";
interface SecondaryButtonProps {
children: React.ReactNode;
@@ -9,6 +9,7 @@ interface SecondaryButtonProps {
startIcon?: React.ReactNode;
tooltip?: string;
ariaLabel?: string;
sx?: SxProps<Theme>;
}
export const SecondaryButton: React.FC<SecondaryButtonProps> = ({
@@ -19,6 +20,7 @@ export const SecondaryButton: React.FC<SecondaryButtonProps> = ({
startIcon,
tooltip,
ariaLabel,
sx,
}) => {
const button = (
<Button
@@ -27,17 +29,20 @@ export const SecondaryButton: React.FC<SecondaryButtonProps> = ({
disabled={disabled || loading}
startIcon={loading ? <CircularProgress size={16} /> : startIcon}
aria-label={ariaLabel}
sx={{
borderColor: "rgba(255,255,255,0.2)",
color: "rgba(255,255,255,0.9)",
textTransform: "none",
px: 2.5,
py: 0.75,
"&:hover": {
borderColor: "rgba(255,255,255,0.4)",
background: alpha("#fff", 0.05),
sx={[
{
borderColor: "rgba(255,255,255,0.2)",
color: "rgba(255,255,255,0.9)",
textTransform: "none",
px: 2.5,
py: 0.75,
"&:hover": {
borderColor: "rgba(255,255,255,0.4)",
background: alpha("#fff", 0.05),
},
},
}}
...(Array.isArray(sx) ? sx : sx ? [sx] : []),
]}
>
{children}
</Button>