@kubit-ui-web/react-components/dist/esm/components/emptyState/emptyState.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, getTypographyStyles } from '../../utils/getStyles/getStyles';
export const EmptyStateStyled = styled.div `
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: ${props => (props.isHorizontalOrientation ? 'row' : 'column')};
  align-items: center;
  justify-content: center;

  ${props => getStyles(props.styles?.container)}
`;
export const TextSectionStyled = styled.div `
  display: flex;
  flex-direction: column;
  width: 100%;
  ${props => getStyles(props.styles?.titleAndSubTitleContainer)}
`;
export const EmptyStateTitleWrapperStyled = styled.div `
  ${props => getStyles(props.styles?.titleContainer)}
  ${props => getTypographyStyles(props.styles?.titleContainer)}
`;
export const EmptyStateDescriptionWrapperStyled = styled.div `
  ${props => getStyles(props.styles?.subtitleContainer)}
  ${props => getTypographyStyles(props.styles?.subtitleContainer)}
`;
export const ActionSectionStyled = styled.div `
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  ${props => getStyles(props.styles?.buttonLinkContainer)}
`;
export const ButtonWrapperStyled = styled.div `
  display: flex;
  width: 100%;
  justify-content: center;
  ${props => getStyles(props.styles?.buttonContainer)}
`;
//# sourceMappingURL=emptyState.styled.js.map