import { Typography } from 'antd';

export const Brand = ({
  collapsed,
  isBordered = true,
}: {
  collapsed: boolean;
  isBordered?: boolean;
}) => {
  return (
    <Typography.Title
      ellipsis={{
        rows: 1,
      }}
      style={{
        margin: 12,
        letterSpacing: 2,
        borderRadius: 4,
        color: 'wheat',
        textAlign: 'center',
        border: isBordered ? '4px solid wheat' : 'unset',
      }}
    >
      {collapsed ? 'O' : 'OCR'}
    </Typography.Title>
  );
};
