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.
22 lines
639 B
22 lines
639 B
import React from 'react'
|
|
import { BackgroundLightest } from 'components/UI'
|
|
|
|
/**
|
|
* @render react
|
|
* @name Sidebar
|
|
* @example
|
|
* <Sidebar>Some content</Sidebar>
|
|
*/
|
|
const Sidebar = props => (
|
|
<BackgroundLightest as="aside" p={3} css={{ height: '100%' }} 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
|
|
|