@kubit-ui-web/react-components/dist/esm/components/mediaButton/mediaButton.styled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import styled, { css } from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
// mixin
import { focusVisibleAlt } from '../../styles/mixins/focusAlt.mixin';
export const ContainerStyled = styled.button `
  ${props => getStyles(props.styles?.container)}
  ${({ hasBackground }) => !hasBackground &&
    css `
      background-color: transparent;
    `}
  ${({ twistedIcon }) => !twistedIcon &&
    css `
      align-items: center;
      justify-content: center;
    `}
  ${({ loading }) => loading &&
    css `
      cursor: default;
      width: fit-content;
      height: fit-content;
    `} 
  &:disabled {
    cursor: default;
  }
`;
export const ButtonStyled = styled.span `
  ${props => getStyles(props.styles?.buttonContainer)}
  ${props => props.styles?.altVariant && focusVisibleAlt()}
`;
//# sourceMappingURL=mediaButton.styled.js.map