apphouse/dist/styles/getSeparatorStyles.ts

Component library for React that uses observable state management and theme-able components.

import { BaseStyleProps } from './baseStyles.interface';
import { SeparatorStyles } from './defaults/themes.interface';
/**
 * @description - Get styles for utilities
 * @returns {FocusStyles}
 */
export const getSeparatorStyles = ({
  colors,
  tokens
}: BaseStyleProps): SeparatorStyles => {
  return {
    horizontal: {
      border: `1px solid`,
      borderColor: colors.onPrimary_10,
      marginTop: tokens.spacings.l || 1 * 2,
      marginBottom: tokens.spacings.l || 1 * 2
    },
    vertical: {
      border: `1px solid`,
      borderColor: colors.onPrimary_10
    }
  };
};