import React from 'react' ; import styled from '@emotion/styled' ; import { StatusIndicator } from '@workday/canvas-kit-react/status-indicator' ; import { space } from '@workday/canvas-kit-react/tokens' ; const StatusIndicators = styled ( 'div' ) ( { '& > *' : { margin : space . xxs , } , } ) ; export const Emphasis = ( ) => { return ( < StatusIndicators > < StatusIndicator emphasis = { StatusIndicator . Emphasis . Low } label = "unpublished" type = { StatusIndicator . Type . Gray } / > < StatusIndicator emphasis = { StatusIndicator . Emphasis . Low } label = "submitted" type = { StatusIndicator . Type . Orange } / > < StatusIndicator emphasis = { StatusIndicator . Emphasis . Low } label = "in progress" type = { StatusIndicator . Type . Blue } / > < StatusIndicator emphasis = { StatusIndicator . Emphasis . Low } label = "published" type = { StatusIndicator . Type . Green } / > < StatusIndicator emphasis = { StatusIndicator . Emphasis . Low } label = "failed" type = { StatusIndicator . Type . Red } / > < StatusIndicator emphasis = { StatusIndicator . Emphasis . Low } label = "normal" type = { StatusIndicator . Type . Transparent } / > < /StatusIndicators>); } ;