@kubit-ui-web/react-components/dist/esm/components/calendar/selector/selector.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';
export const SelectorStyled = styled.div `
  display: flex;
  justify-content: ${({ isDaySelector }) => (isDaySelector ? 'center' : 'space-between')};
  align-items: center;
  ${({ styles }) => getStyles(styles?.selectorContainer)};
`;
export const OptionsStyled = styled.div `
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  ${({ styles }) => getStyles(styles?.selectorOptionsContainer)};
`;
export const RightIconStyled = styled.span `
  visibility: ${({ showCustomSelector }) => (showCustomSelector ? 'hidden' : 'visible')};
`;
export const IconAndBackTextStyled = styled.button `
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  ${({ styles }) => getStyles(styles?.selectorIconAndBackTextContainer)};
`;
//# sourceMappingURL=selector.styled.js.map