import React from 'react';
import { Spacer } from '@lendi/ui/Layout';
import { Tile } from './index.style';

interface PaletteProps {
  color: string;
}
export const Palette = ({ color }: PaletteProps) => {
  return (
    <Spacer xalign="center" yalign="center" xgap="8">
      <Tile color={color} />
      <pre>{color}</pre>
    </Spacer>
  );
};
