You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
602 B
20 lines
602 B
import React from 'react'
|
|
import { BackgroundTertiary } from 'components/UI'
|
|
|
|
/**
|
|
* @render react
|
|
* @name Sidebar
|
|
* @example
|
|
* <Sidebar>Some content</Sidebar>
|
|
*/
|
|
const Sidebar = props => <BackgroundTertiary as="aside" width={4 / 12} {...props} />
|
|
|
|
Sidebar.small = props => <Sidebar {...props} width={3 / 12} />
|
|
Sidebar.medium = props => <Sidebar {...props} width={4 / 12} />
|
|
Sidebar.large = props => <Sidebar {...props} width={5 / 12} />
|
|
|
|
Sidebar.small.displayName = 'Sidebar Small'
|
|
Sidebar.medium.displayName = 'Sidebar Medium'
|
|
Sidebar.large.displayName = 'Sidebar Large'
|
|
|
|
export default Sidebar
|
|
|