@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
24 lines • 913 B
JavaScript
import styled from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
export const PageControlContainer = styled.div `
${({ styles }) => getStyles(styles.container)};
`;
export const DotsWrapper = styled.div `
${({ styles }) => getStyles(styles.dotsContainer)};
`;
export const PageControlDot = styled.div `
${({ styles, state }) => getStyles(styles?.[state]?.pageDot)};
`;
export const LeftArrowControlWrapperStyled = styled.div `
line-height: 0;
${({ arrowsControlStyles }) => getStyles(arrowsControlStyles.leftArrowControlContainer)};
`;
export const RightArrowControlWrapperStyled = styled.div `
line-height: 0;
${({ arrowsControlStyles }) => getStyles(arrowsControlStyles?.rightArrowControlContainer)};
`;
export const ButtonControStyled = styled.button `
line-height: 0;
${({ styles }) => getStyles(styles)};
`;
//# sourceMappingURL=pageControl.styled.js.map