import { css } from '@emotion/react';
import { hidden } from './hidden';

export const display = {
  hidden: hidden,
  none: css`
    display: none;
  `,
  block: css`
    display: block;
  `,
  inline: css`
    display: inline;
  `,
  inlineBlock: css`
    display: inline-block;
  `,
  flex: css`
    display: flex;
  `,
  inlineFlex: css`
    display: inline-flex;
  `,
  grid: css`
    display: grid;
  `,
  table: css`
    display: table;
  `,
};