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;
}
`,
});