import tw from "twin.macro";
const AlertWrapper = tw.div`overflow-hidden relative rounded bg-slate p-7 py-5`;
const AlertLine = tw.span`top-0 absolute  left-0 w-2 h-full bg-primary`;

module.exports = {
  root: true,
  env: { browser: true, es2020: true },
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react-hooks/recommended",
    "plugin:storybook/recommended",
    "plugin:tailwindcss/recommended",
  ],
  ignorePatterns: ["dist", ".eslintrc.cjs"],
  parser: "@typescript-eslint/parser",
  plugins: ["react-refresh"],

  rules: {
    "report-unused-disable-directives": 0,
    "react-refresh/only-export-components": [
      "warn",
      { allowConstantExport: true },
    ],
  },
  overrides: [
    {
      files: ["*.ts", "*.tsx", "*.js"],
      parser: "@typescript-eslint/parser",
    },
  ],
  settings: {
    tailwindcss: {
      callees: ["classnames", "clsx", "ctl", "tw"],
      tags: ["tw"],
      classRegex: "^(class(Name)?)|(tw\\.\\w+)$",
    },
  },
};