32 lines
841 B
TypeScript
32 lines
841 B
TypeScript
import styled, { css } from "styled-components";
|
|
import { Container, ToggleButtonContainer } from "./styled-toggle-button";
|
|
|
|
export interface ContainerToggleButtonThemeProps {
|
|
$currentColorScheme: any;
|
|
isChecked?: boolean;
|
|
isDisabled?: boolean;
|
|
}
|
|
|
|
const ContainerToggleButtonTheme = styled(
|
|
Container
|
|
)<ContainerToggleButtonThemeProps>`
|
|
${({ $currentColorScheme, isChecked, isDisabled, theme }) =>
|
|
$currentColorScheme &&
|
|
css`
|
|
${ToggleButtonContainer} {
|
|
svg {
|
|
rect {
|
|
fill: ${isChecked && $currentColorScheme.main.accent} !important;
|
|
}
|
|
|
|
circle {
|
|
fill: ${(isChecked && isDisabled && theme.isBase && "#FFFFFF") ||
|
|
(isChecked && $currentColorScheme.text.accent)};
|
|
}
|
|
}
|
|
}
|
|
`}
|
|
`;
|
|
|
|
export default ContainerToggleButtonTheme;
|