import React from 'react' ; import { Indicator , Typography , Container } from '@toptal/picasso' ; const Example = ( ) => ( < > < Container bottom = 'medium' > < Container bottom = 'medium' > < Container inline right = 'small' > < Indicator color = 'light-grey' / > < /Container> < Typography inline size = 'medium' > Pending item < /Typography> < /Container> < Container inline right = 'small' > < Indicator color = 'green' / > < /Container> < Typography inline size = 'medium' > Completed item < /Typography> < /Container> < Container bottom = 'medium' > < Container inline right = 'small' > < Indicator color = 'red' / > < /Container> < Typography inline size = 'medium' > High priority < /Typography> < /Container> < Container bottom = 'medium' > < Container inline right = 'small' > < Indicator color = 'yellow' / > < /Container> < Typography inline size = 'medium' > Medium priority < /Typography> < /Container> < Container inline right = 'small' > < Indicator color = 'blue' / > < /Container> < Typography inline size = 'medium' > Low priority < /Typography> < />); export default Example ;