import styled from 'styled-components';

export const PanelHeaderTitle = styled.span.attrs<{ className?: string }>(({ className }) => ({
  'data-component-name': 'Panel/PanelHeaderTitle',
  className,
}))`
  margin-right: 5px;
  font-weight: var(--panel-heading-font-weight-local);
  line-height: var(--line-height-base);
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--panel-heading-text-color);
`;