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

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

import styled from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
import { BackToTopStateType } from './types/state';
export const BackToTopStyled = styled.button `
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: unset;
  animation: fadeIn 0.5s ease-in both;
  ${props => getStyles(props.styles[BackToTopStateType.DEFAULT]?.container)}
  &:hover {
    ${props => getStyles(props.styles[BackToTopStateType.HOVER]?.container)}
  }
  &:active {
    ${props => getStyles(props.styles[BackToTopStateType.PRESSED]?.container)}
  }
`;
//# sourceMappingURL=backToTop.styled.js.map