@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
23 lines • 1.25 kB
JavaScript
import styled from 'styled-components';
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
export const ParentContainerStyled = styled.span `
${props => getStyles(props.styles?.parentContainer)}
`;
export const IconHighlightedContainerStyled = styled.span `
display: flex;
justify-content: center;
align-items: center;
${props => getStyles(props.styles?.container)}
${props => props.selected && getStyles(props.styles?.container?.selected)}
${props => props.disabled && getStyles(props.styles?.container?.disabled)}
background-color: ${({ backgroundColor }) => backgroundColor};
`;
export const CustomContentContainerStyled = styled.span `
${props => getStyles(props.styles?.customContentContainer)}
${props => getTypographyStyles(props.styles?.customContentContainer)}
${props => props.selected && getStyles(props.styles?.customContentContainer?.selected)}
${props => props.selected && getTypographyStyles(props.styles?.customContentContainer?.selected)}
${props => props.disabled && getStyles(props.styles?.customContentContainer?.disabled)}
${props => props.disabled && getTypographyStyles(props.styles?.customContentContainer?.disabled)}
`;
//# sourceMappingURL=iconHighlighted.styled.js.map