import React, { FC, HTMLAttributes } from 'react'; import { css, cx } from '@emotion/css'; import { IconSize, useStyles, Icon } from '@grafana/ui'; interface Props extends HTMLAttributes { isCollapsed: boolean; onToggle: (isCollapsed: boolean) => void; size?: IconSize; className?: string; } export const CollapseToggle: FC = ({ isCollapsed, onToggle, className, size = 'xl', ...restOfProps }) => { const styles = useStyles(getStyles); return ( ); }; export const getStyles = () => ({ expandButton: css` background: none; border: none; outline: none !important; svg { margin-bottom: 0; } `, });