给出一段Linaria的代码示例

好的。Linaria 是一个 JavaScript 库，用于在编译时转换 CSS 代码。下面是一个使用 Linaria 的示例代码：

import { css } from 'linaria';

const buttonStyles = css`
  background-color: blue;
  color: white;
  font-size: 16px;
  border-radius: 3px;

  &:hover {
    background-color: darkblue;
  }
`;

function Button() {
  return <button className={buttonStyles}>Click me!</button>;
}

在这个例子中，我们定义了一个名为 `buttonStyles` 的变量，并使用 Linaria 的 `css` 函数将它转换为有效的 CSS 代码。然后我们可以在 React 组件中使用 `buttonStyles` 作为 `className` 属性的值。这样，React 组件中的按钮就会呈现出我们定义的样式。