import React from 'react';
import { BoxProps, SilkeBox } from '../silke-box';
import styles from './silke-content-column.scss';

type SilkeContentColumnProps = { width?: 's' | 'xs' } & BoxProps;

export function SilkeContentColumn({ width, className, ...rest }: SilkeContentColumnProps) {
  let cl = styles.column;

  if (className) cl += ' ' + className;
  if (width) cl += ' ' + styles[width];

  return <SilkeBox {...rest} className={cl} />;
}