@kubit-ui-web/react-components/dist/esm/components/footer/footer.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';
import { LineSeparatorPositionType, } from '../lineSeparator/types/lineSeparatorTheme';
export const FooterSectionStyled = styled.div `
  ${props => getStyles(props.styles?.contentContainer)}

  display: flex;
  width: 100%;
  ${({ $justifyContent, $setVertical, $flexReverse, $alignItems, theme: { MEDIA_QUERIES: { onlyMobile, tabletAndDesktop }, }, }) => css `
    ${onlyMobile} {
      flex-direction: ${$flexReverse ? 'column-reverse' : 'column'};
    }

    ${tabletAndDesktop} {
      align-items: ${$alignItems};
      justify-content: ${$setVertical ? 'center' : $justifyContent};
      flex-direction: ${$setVertical
    ? $flexReverse
        ? 'column-reverse'
        : 'column'
    : $flexReverse
        ? 'row-reverse'
        : 'row'};
    }
  `};
`;
export const FooterStyled = styled.div `
  ${({ lineSeparatorLineStyles }) => lineSeparatorLineStyles?.buildLineStyles?.(LineSeparatorPositionType.TOP)}
  ${props => getStyles(props.styles?.rootContainer)}

  display: flex;
  ${({ $setVertical, $flexReverse, theme: { MEDIA_QUERIES: { onlyMobile, tabletAndDesktop }, }, }) => css `
    ${onlyMobile} {
      flex-direction: ${$flexReverse ? 'column-reverse' : 'column'};
    }

    ${tabletAndDesktop} {
      flex-direction: ${$setVertical
    ? $flexReverse
        ? 'column-reverse'
        : 'column'
    : $flexReverse
        ? 'row-reverse'
        : 'row'};
    }
  `};
`;
//# sourceMappingURL=footer.styled.js.map